在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模块

如果是这样，请使用最新模块将其导入到您的代码中 库支持的语法-ideally using some kind of ES6/TypeScript import syntax covered here。如果该库不支持以下现代导入语法之一，则仍可以使用ES5 require语法：

const myModule = require('myModule');

1. 该库不是NPM模块

See this official guide