Инициализировать анимацию WOW в угловой 2

Question

Как реализовать библиотеку WOW в угловом 2 приложении, которое отображает множество компонентов один за другим для анимации этих компонентов в прокрутке? Где я должен инициализировать экземпляр WOW() точно?

Answer 1

В вашем индексном файле просто укажите эти две ссылки и скрипт.

<link rel="stylesheet" href=" https://cdn.jsdelivr.net/animatecss/3.5.1/animate.min.css"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script> 

Initialize вау() в файле индекса внутри тела тега и добавьте этот скрипт

<script> 
     new WOW().init(); 
</script> 

теперь используют это как:

<div class="wow bounceInUp"> 
    Content to Reveal Here 
</div> 

вы можете обратиться к этой ссылке для более info: https://github.com/matthieua/WOW/issues/46

Answer 2

import {WOW} from '../../assets/js/wow.min'; 
... 
ngAfterViewInit() { 
     console.timeEnd("ngOnViewInit"); 
     if(this.isBrowser) { 
      new WOW().init(); 
     } 
    }