angular - 如何在Angular 2+项目中包含Vivus Javascript

我有一个角度为6的项目，我想要SVG动画。

Vivus是我要包含的JavaScript类。

第一步显然是在项目文件夹中运行“ npm install vivus”。

我猜测是在那之后，我需要在app.module.ts文件中放入以下内容：“从'nivus'导入*作为Nivus；“和“ Nivus”在我的导入数组中。

要在我的角度项目中包含Nivus SVG动画，我需要采取什么步骤？

最佳答案

我通过执行以下步骤解决了该问题：

1）npm i -S vivus和npm i -D @types/vivus

2）打开angular.json文件，并将以下值添加到脚本数组："node_modules/vivus/dist/vivus.js"

3）在您的组件中添加以下行：import * as vivus from 'vivus';

5）在vivus的类中添加ngAfterViewInit：

ngAfterViewInit() {
    const hi = new vivus('animateWeb', {type: 'sync', duration: 300, start: 'autostart', dashGap: 2, forceRender: false},);<br >
}

关于angular - 如何在Angular 2+项目中包含Vivus Javascript，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51806771/