私は最近Ng2をいじり始めたばかりで、現在ionic2でアプリを開発しています。初めてアニメーションの部分を掘り下げて、いくつかの問題に遭遇しました。
基本的に異なる幅で s を繰り返す ngFor があります。配列内の各要素には、コンポーネントの onInit メソッドで計算される独自の div の幅の値があります。アニメーションの前に、 で幅をバインドしていました[style.width]="expresson"。ドキュメントには、「*」を使用してアニメーションの終了状態スタイルを定義できると書かれています。これは、計算されたスタイルから正しい値を取得することを意味しますが、自分で幅をプログラムで設定している場合は機能しません。
問題は、幅を変更したときにアニメーションをトリガーするか、終了状態の値を動的に設定するようにアニメーションに指示するにはどうすればよいかということです。ありがとう！
編集: これはplunkrの例です。アニメーション後に最終的な幅を 50% に設定しましたが、最終的な幅をコンポーネントの配列で定義された値に設定するのに問題があります。取得したい最終結果を確認するには、html の @animation を削除するだけです。