2016-11-07 95 views
0

我嘗試動畫角度2中的項目列表,但由於某種原因,這根本不工作。Angular 2:簡單的AddClass延遲

我所做的就是使用getClass獲取HTMLCollection,然後在超時時添加一個類。

platform.ready().then((readySource) => { 
     let workoutItems: HTMLCollection = document.getElementsByClassName("my-workout-item"); 

     for (var i = 0; workoutItems[i]; i++) { 
      workoutItems[i].classList.add("fadeInUp"); 

      setTimeout(function() { 
       console.log("test"); 
       workoutItems[i].classList.add("fadeInUp"); 

      }, 1000); 
     } 

Iam不知道爲什麼這段代碼不工作。任何人都可以幫助我實現這個目標嗎?

感謝很多:)

+0

請添加演示您嘗試過的以及失敗的代碼。 –

+0

在angular2中強烈建議不要使用直接元素操作,您是否考慮從框架內部使用? – Meir

+0

是的,但我對angular2比較陌生。 什麼是最好的方式來存檔這樣的東西? – Fargho

回答

0

您是否嘗試過寫:

workoutItems[i].className += " fadeInUp"; 

相反的:

workoutItems[i].classList.add("fadeInUp");