角度4のアニメーションが最初のCSS値を再開しません

角度2であり、角度4.0.0 rc-2で変更され、アニメーションの動作が同じではありません。 Angular 2では、状態「True」に戻ったときに最初のCSS値を再開することができましたが、これはもはや角度4ではありません。誰かが私を助けることができますか？角度4のアニメーションが最初のCSS値を再開しません

trigger('flyInOutX', [ 
    state('true', style({transform: 'translateX(0%)'})), 
    state('false', style({width: '100%', transform:'translateX(-245px)'})), 
    transition('* => *', animate('300ms')), 
]),

出典

2017-03-05 FatAl

"width： '*' 'を状態" true "に設定しようとしましたか？角度のあるチームがアニメーションの機能を '@ angle/core'から' @ angular/animations'に移したことと、 '4.0.0-rc.1'からアニメーションに関する問題がかなりあることを知っておいてください。 – cyrix

私は、しかし、それは動作しません... – FatAl

アニメーション状態のニーズ：TRUEの

州立=>私がFalse => SET幅に

国が100％に

を初期CSS値を再開したい私はこのアニメーションを持っています文字列値にするため、ブール値を使用することはできません。

テンプレートで[@flyInOutX]="foo"を実行していた場合は、代わりに[@flyInOutX]="foo ? 'true' : 'false'"を実行してください。

出典

2017-03-30 13:15:54 Brendan

決して遅くない！文字列の値に対して、あなたは正しい – FatAl

角度4のアニメーションが最初のCSS値を再開しません

答えて

関連する問題