Я пытаюсь реализовать анимацию в своем проекте Angular 9, используя wow js и Animate. css, но не получается. Я выполнил следующие шаги.
npm install --save wowjs
npm install --save ngx-wow
npm install animate.css
затем импортировал файлы в angular -cli. json
"styles": ["node_modules/animate.css/animate.css"],
"scripts": ["node_modules/wowjs/dist/wow.js"]
затем импортировал wow в app-module
import { NgwWowModule } from 'ngx-wow';
@NgModule({
imports: [NgwWowModule]
})
, а затем импорт службы wow в моем компоненте
import { NgwWowService } from 'ngx-wow';
constructor(private wowService: NgwWowService) {
this.wowService.init();
}
Наконец, в моем html используется, как показано ниже
<div class="wow slideInLeft" data-wow-duration="2s">TITLE TEXT</div>
Я не получаю никаких ошибок, но анимация не происходит в все. Может ли кто-нибудь сказать, что не так с вышеуказанной процедурой?