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

How to setup WOW.js in Angular 2 and 4?

我正在尝试让 WOW.js 在我的 Angular 项目中工作，但它还没有工作。我没有使用 webpack，所以我认为下一个线程没有回答我的问题：.

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

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

npm install wowjs

  1. 我将 wowjs 文件添加到 '.angular-cli.json'.

    "styles": [ "../node_modules/wowjs/css/libs/animate.css" ],

    "scripts":[ “../node_modules/wowjs/dist/wow.js” ]

3.Then 我为我的 headers.

添加了一个令人惊叹的效果 
<h1 class="wow slideInLeft" data-wow-duration="2s">Wow effect!</h1>
  1. 接下来我做的就是重建和服务我的项目。

ng build

ng serve

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

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

在您计划使用 WOW 的组件中，导入脚本

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

然后在您的 class 中使用 Angular 方法 ngAfterViewInit

 class ngAfterViewInit(){

   new WOW().init();
 }