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动画在Angulars区域外运行。

// List containing the custom channels:
$channels = array();

// Sample channel list:
$channels[0] = 'Users';
$channels[1] = 'Admin';

有关在Angulars区域内运行动画回调的问题。我认为它已经修复，但你的问题似乎另有说明，除非你没有使用最新的Angular2版本。

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

1 个答案: