각. 초기 렌더링에서 애니메이션 입력을 건너 뛸 수있는 방법이 있습니까?

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)) 

난 그 말이 바랍니다.