角。初期レンダリング時にアニメーションを入力するのをスキップする方法はありますか？

Question

:enterコンポーネントが最初にレンダリングされるときに、要素にアニメーションが適用されます。それを防ぐ方法はありますか？ widthアニメーションの簡単な例について

チェックthis plunker：

transition(':enter', [ 
    style({width: 0}), 
    animate(250, style({width: '*'})), 
]), 

Answer 1

そのためvoid状態があります。基本的にnullの状態を表します。このようになります。実際には

、：要素はない時はいつでも任意の状態にまだ状態、および遷移を持っていることを

trigger('myState', [ 
    state('previous', style({ transform: 'translateX(-100%)' })), 
    state('current', style({ transform: 'translateX(0)' })), 
    state('next', style({ transform: 'translateX(100%)' })), 
    transition('void => *', animate(0)), // <-- This is the relevant bit 
    transition('* => *', animate('250ms ease-in-out')) 
]) 

これが意味することは、それはいけませんアニメーション化する。

だから、あなたのケースでは、このように書くことができます：

transition('void => :enter', animate(0)) 

私はそれが理にかなって願っています。