角2：遅延のある単純なAddClass

Question

私は角度2のアイテムのリストをアニメートしようとしますが、何らかの理由でこれはまったく動作しません。

私は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); 
     } 

なぜこのコードは機能しないのですか。誰にでもこれを人生にもたらすのを助けることができますか？

どうもありがとう:)

Answer 1

あなたはそれを書くことを試してみました：

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

の代わりに：

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

？