将 JS 集成到 Angular 中的正确方法答案

【问题标题】：Proper way to integrate JS in Angular将 JS 集成到 Angular 中的正确方法
【发布时间】：2019-05-28 08:31:56
【问题描述】：

我想在我的 Angular 应用程序中包含一个 JS 库。我已经搜索过这个，我发现了很多方法。就我而言，我将包含这个https://mauriciopoppe.github.io/function-plot/ 库。我的期望是我可以创建一个模块，例如'plot-function' 提供了一个函数标签，该标签采用库所需的选项。

例如：

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

但我找不到可以像这样工作的方法。你有什么想法，还是不可能？

【问题讨论】：

标签： javascript angular d3.js

【解决方案1】：

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

该库是一个 NPM 模块

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

const myModule = require('myModule');

库不是 NPM 模块

See this official guide

【讨论】：