問題タブ [angular-animations]

要素のリストにカスケード アニメーションを実装しようとしています。

ドキュメントのおかげで、状態トリガーを正常に適用しましたが、すべての要素の状態が同時に適用され、カスケードされません。

私のアニメーション:

期待される結果：

ヒーロー.コンポーネント.ts

ヒーロー.コンポーネント.html

疑似要素に Angular2 アニメーション システムを使用しようとしています:before。アニメーション フローに従って、アニメーションの状態を定義する必要があります。

次に、次のように DOM 要素にアタッチします。

beforeただし、これを擬似要素にアタッチしたい。どうやってやるの？

私は Angular 2 + TypeScript を使用しています。現在、angular2-busy の追加が進行中です。

このライブラリには angular2-dynamic-component を含める必要がありますが、どうすればよいかわかりません。

これはエラーです

これはアプリモジュールです

何が問題で、どうすれば修正できますか?

UPDATE angular2-busy/busy.component.js

ここでエラーが表示されます。

md カードにアニメーションを適用しようとしています ( https://teradata.github.io/covalent/#/components/expansion-panelを複製しようとしています) ...ビューを取得してアニメーションを適用できますしかし、カードが展開/折りたたまれたときの移行はスムーズで、取得できません。ここでデモを作成しましたhttp://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview状態間の遷移が高速です。デモのカードがクリックされたときに同じ種類のアニメーションを実装しようとしています...

これらは私が適用しようとしているアニメーションです。誰かが上記のリンクにあるアニメーション効果を得るのを手伝ってくれませんか?

私は Angular2 @angular/core 2.2.1 を unsing しており、資格情報が悪いたびに、「悪い資格情報」アニメーションを複数回トリガーしたいと考えています。

ここに私の考えがあります：

そして、html

問題は、アニメーションを複数回トリガーする方法です。wrongCredentialsしたがって、アニメーションをトリガーするには、別のランダムな文字列に変更する必要がありますか?

関数呼び出しを介して直接アニメーションをトリガーする方法はありますか?

Angular2アプリで、アニメーションを作ろうとしています

コンポーネントのhtmlは次のとおりです。

アニメーションは次のとおりです。

ページが読み込まれたときに、このアニメーションをトリガーします。

Angular2 に次のコンポーネントがあります。

そして、Angular2 アニメーションに関する記事を読みました。https://angular.io/docs/ts/latest/guide/animations.html

そこでは、遷移が完了した後に state.style が適用されることが言及されています (スタイルは永続化されます)。

transition.style は start の前に適用され、 transition.animate.style がアニメーション化されます。

コンポーネントで何らかの理由で状態が切り替わりますが、アニメーションはありません...アニメーション時間の後に state.styles のみが適用されます。

以下の単純なjQueryのような単純なアニメーションを作成しようとしています

私は Angular2 アニメーションを使用していますが、問題はコンポーネント クラス外の left_indent パラメータをアニメーション トリガーに渡す方法です。