角度アニメーションのずれが正しく機能しない

Question

新しいAngular 4.2アニメーションの機能（クエリ、スタガー）に少し問題があります。

期待される動作：のみ最初の[animate-bar]はここ

をアニメーション化しplunkerです： http://plnkr.co/edit/qaJpj4Maf0QobAv8bXe6?p=preview

Answer 1

私は最終的に管理し、私はToggleボタンをクリックすると、すべての[animate-bar]は

ため

に結果をアニメーション化これを回避するにはいくつかの方法があります。 animateChildと別のアニメーションを使用できます。

trigger('listAnimation', [ 
    transition('* => *', [ 
     query('@slideIn', [ 
      stagger(30, [ 
       animateChild() 
      ]), 
     ], { optional: true }) 
    ]), 
]) 

ここplunkrです：http://plnkr.co/edit/QWgiE4tYLN3O2Tnx1E7j?p=preview