如何在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的组件中，导入脚本

dt[, .(distinct_group = .N), by = .(name, overlimit)
  ][CJ(name = dt$name, overlimit = dt$overlimit, unique = TRUE), 
      on = .(name, overlimit)][is.na(distinct_group), distinct_group := 0][]

然后在你的班级使用Angular方法ngAfterViewInit

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