以角度初始化WOW動畫2

Question

如何在角度2應用程序中實現WOW庫，該應用程序一個接一個地顯示許多組件，用於在滾動上爲這些組件製作動畫效果？我應該在哪裏準確初始化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> 

初始化哇（）body標籤內的索引文件，並添加這個腳本

<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(); 
     } 
    }