Угловой 2 RC2 onanimationend

Question

Как я могу подписаться на событие анимации с данным компонентом? Я не могу добавить более подробную информацию.

@Component({ 
host: { 
    '[class.like-popover]' : 'true' 
}, 
selector: 'like-tooltip', 
template: `<div @flyInOut="'in'"> 
    <div class="arrow"></div> 
    <div class="tooltip-inner">{{text}}</div> 
</div>`, 
styleUrls: ['like-tooltip.component.css'], 
animations: [ 
    trigger('flyInOut', [ 
     state('in', style({opacity: 1})), 
     transition('* => *', [ 
      animate('2s linear', keyframes([ 
       style({opacity: 1, offset: 0}), 
       style({opacity: 0, transform: 'translate3d(0, -100%, 0)', offset: 1}), 
      ])) 
     ]) 
    ]) 
]}) 
export class LikeToolTipComponent { 
constructor(_elementRef: ElementRef) { 
} 

Извините за дубликат: Angular2 Animation onDone callback

Answer 1

rc.6 введены анимации обратные вызовы, как:

(@flyInOut.start)="animationStarted($event)" 
(@flyInOut.done)="animationDone($event)"# 

animationStarted(event: AnimationTransitionEvent) { 
    console.warn('Animation started: ', event); 
} 

animationDone(event: AnimationTransitionEvent) { 
    console.warn('Animation done: ', event); 
}