ngx-wow没有工作角5

Question

在我希望有人可以帮助我之前，我从未使用过这个图书馆，

好的所以我试图使用ngx-wow库，但我无法让它工作..所以按照说明进行操作

我已经yarn add wowjs

了

我已将其添加到angular-cli.json

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

我还以同样的方式添加animate.css作为全局依赖

"styles": [
   "../node_modules/animated.css/animate.css"
]

然后按照说明安装ngx-wow ..

`yarn add ngx-wow`

然后在我的主模块中导入了ngwWowModule

import { NgwWowModule } from 'ngx-wow';

@NgModule({
    declarations: [...],
    imports: [NgwWowModule.forRoot(), ...],
    bootstrap: [...]
})

然后在组件中我想使用wow.js

import { NgwWowService } from 'ngx-wow';

...


constructor (
   private wowService: NgwWowService
)

ngOnInit() {
   this.wowService.init();
}

和我的组件html

<div class="wow fadeIn"></div>

但我无法让它在我的控制台中工作我得到了这个错误......

我不确定我做错了什么帮助将不胜感激！

Answer 1

我没有看到任何重大问题，请尝试在 angular-cli.json

中添加不带min.js的main.js

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

并在构造函数

下初始化它

 constructor(private wowService: NgwWowService) {
    this.wowService.init();
  }

并示例 HTML

 <h1 class="section-heading pt-4 wow fadeInUp" data-wow-delay="0.6s">Why is it so great?</h1>