javascript - 如何在 Angular 2 和 4 中设置 WOW.js？

Question

我正在尝试让 WOW.js 在我的 Angular 项目中运行，但它还没有运行。我没有使用 webpack，所以我认为下一个线程没有回答我的问题:How to use WOW.js in Angular 2 Webpack? .

到目前为止我采取的步骤:

1. 我安装了 wow.js 模块。

npm install wowjs

1. 我将 wowjs 文件添加到“.angular-cli.json”。

   “风格”:[ “../node_modules/wowjs/css/libs/animate.css”],

   “脚本”:[“../node_modules/wowjs/dist/wow.js”]

3.然后我在我的一个标题中添加了一个令人惊叹的效果。

<h1 class="wow slideInLeft" data-wow-duration="2s">Wow effect!</h1>

1. 接下来我做的是重建和服务我的项目。

ng build

ng serve

1. 还没有哇效果。有人知道我必须做什么吗？

Answer 1

您需要为您的组件初始化 WOW。

在你打算使用WOW的组件中，导入脚本

 import { WOW } from 'wowjs/dist/wow.min';

然后在你的类中使用 Angular 方法 ngAfterViewInit

 class ngAfterViewInit(){

   new WOW().init();
 }