Angular 2 ngFor View View Lifecycle Hook

Question

Я хочу вызвать анимацию после обновления массива значений, привязанного к шаблону html через * ngFor.

Чтобы моя анимация имела смысл, мне нужно вызвать ее после того, как представление обновлено с последними значениями.

Мне было интересно, есть ли смысл в жизненном цикле, в который я мог бы подключиться, когда представление закончено, обновление? Или, если бы я мог вызвать что-то, чтобы вызвать просмотр, чтобы немедленно обновить последние значения?

Answer 1

Мне было интересно, есть ли смысл в жизненном цикле, на который я мог бы подключиться, когда представление закончено?

У вас может быть директива обертывания каждого элемента в ngFor. Эта директива может выполнять анимацию только при первом рендеринге.

Answer 2

animations: [ 
    trigger('fadeInOutTranslate', [ 
     transition(':enter', [ 
     style({opacity:0}), 
     animate(300, style({opacity:1})) 
     ]), 
     transition(':leave', [ 
     style({transform: 'translate(0)'}), 
     animate(300, style({opacity:0})) 
     ]) 
    ]) 
    ], 

Я не проверял, но он работает с * ngIf, так почему бы не с * ngFor, Может быть, вы можете найти свой путь в угловом свойство анимации.

https://angular.io/docs/ts/latest/guide/animations.html