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

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

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

我安装了wow.js模块。

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

接下来我要做的就是重建并服务于我的项目。

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

最佳答案

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

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

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

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

 class ngAfterViewInit(){

   new WOW().init();
 }

关于javascript - 如何在Angular 2和4中设置WOW.js？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44454855/