angular - 如何将第三方库连接到 Angular 4 以用作服务

Question

我正在尝试添加 collect.js我的 Angular 4 应用程序是使用 Angular CLI 构建的，它有自己的类型文件，但我不知道如何导入包并开始使用它。下面的导入似乎让我导出了包，但我不知道如何访问它们:

import * as Collection from 'collect.js';

这是正在导入的 collect.js 文件:

function Collection(collection) {
  this.items = collection || [];
}

Collection.prototype[Symbol.iterator] = require('./methods/symbol.iterator');

Collection.prototype.all = require('./methods/all');
// ... removed for brevity
Collection.prototype.zip = require('./methods/zip');

module.exports = collection => new Collection(collection);
module.exports.default = collection => new Collection(collection);

import Collection 是您期望从模块导出中获得的方法，但我无法在没有 VSCode 的情况下调用它，说明它没有调用签名，而且我也不确定类型是否自动加载或者是否我需要手动添加它们。我希望通过一次导入它来创建一个服务，然后只映射方法，然后在 CoreModule 中提供它，这样我就可以 DI 并在应用程序中的任何地方使用它，但我不确定如何访问API，以使其成为一项服务。

Answer 1

如果您想向 Angular 应用程序添加第 3 方库，并且您正在使用 Angular CLI，请按照以下链接中的说明进行操作。

https://github.com/angular/angular-cli/wiki/stories-third-party-lib

步骤总结如下

使用 npm 安装库和库类型。

npm install <library-name> --save
npm install @types/<library-name> --save-dev

然后将库添加到类型数组src/tsconfig.app.json

"types":[
  "<library-name>"
]

正常使用代码中的库。

如果您有任何问题，请参阅上面的链接。