Angular 2动画回调.done，设置属性？

Question

比方说，我们有： <li *ngFor="let item of items" [@myTrigger]='state' (@myTrigger.start)="animStart($event)" (@myTrigger.done)="animDone($event)">{{ item }}</li>

和方法animDone：

animDetails: string; 

animDone(event:any) { 
    console.log('Ended!'); 
    this.animDetails = 'I am done!'; 
} 

在视图中我有{{ animDetails }}

有什么奇怪的是，虽然CONSOLE.LOG（ '！截止'）适当地触发， animDetails没有。

第一个动画，没有什么改变。第二个动画（通过点击一个按钮启动），“我完成了！”立即启动，而不是.done。

Answer 1

由于性能原因，AFAIK动画在安格拉斯区外运行。

constructor(private cdRef:ChangeDetectorRef) {} 

animDetails: string; 

animDone(event:any) { 
    console.log('Ended!'); 
    this.animDetails = 'I am done!'; 
    this.cdRef.detectChanges(); 
} 

有大约运行Angulars区内动画回调的问题。我认为它已经被修复了，但你的问题似乎是另有说明，除非你不使用最新的Angular2版本。