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

Question

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

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

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

npm 安装 wowjs

2. 我将 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>

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

构建

服务

5. 还没有哇的效果。有人知道我还需要做什么吗？

Answer 1

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

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

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

然后在你的课堂上使用 Angular 方法 ngAfterViewInit

 class ngAfterViewInit(){

   new WOW().init();
 }