如何在 angular 6 项目中使用 javascript npm?

How can I use javascript npm in angular 6 project?

我是 Angular 6 的新手,我不知道如何在 Angular 6 中使用 npm i d3-dtree。 如何通过 npm 使用 Javascript 库,尤其是 Angular 6?

我想使用 d3-dtree 创建这样的家谱 fiddle。 谁能给我指导或演示如何在 StackBlitz 的 link 中使用 d3-dtreenpm

我想您现在可以将 npm 理解为库安装程序。它肯定不止于此,例如,它可以为网页提供服务,但现在就这样想......

我在 .html 文件中使用普通 Javascript 很长时间了。所以我很难适应这些天现代 Javascript 家庭的工作方式。例如,您不需要 HTTP 服务器来放置 .html 文件和提供网页。

因此,使用 npm 支持的 Angular CLI 在服务器设备中启动您的 Angular 项目。然后在您的项目文件夹中,执行 npm i d3-dtree 并安装库。您可以以与旧方式在 .html 文件中不同的方式导入和使用该库。

对于 angular,进入项目内部并 运行 npm install d3 angular-d3-tree 然后在app.module.ts中添加import数组中的模块。

演示:https://stackblitz.com/edit/angular-d3-tree

有关详细信息,请转到 https://github.com/jgpATs2w/angular-d3-tree

希望对您有所帮助。