在Angular中集成JS的正确方法

Question

我想在我的Angular应用程序中包含一个JS库。 我搜索过这个，我找到了很多方法。 在我的情况下，我将包括这个https://mauriciopoppe.github.io/function-plot/库。 我的期望是我可以创建一个模块，例如'plot-function'，它提供了一个功能标签，可以获取库所需的选项。

例如：

<div class="somediv">
    <ng-function [options]="options" [function]="function"></ng-function>
</div>

但我找不到像这样工作的方法。 你有什么想法，或者不可能吗？

Answer 1

根据您尝试集成的库类型，有一些注意事项和不同的答案...

1. 该库是NPM模块

如果是这样，请使用库支持的最新模块语法将其导入到您的代码中 - 理想情况下使用此处介绍的某种ES6 / TypeScript导入语法 。 如果库不支持这些现代导入语法之一，您仍然可以使用ES5 require语法：

const myModule = require('myModule');

2. 该库不是NPM模块

请参阅此官方指南