ngFor的Angular 2动画触发器(状态" in")

时间:2016-08-08 16:15:08

标签: angular animation angular-animations

我尝试使用ngFor在to / out上创建动画。

当新的吐司出现时,动画就可以了,但是如果我点击关闭其中一个,所有的Toast消息都会从DOM中删除,但仍在模型中,当新的Toasts出现时,它们不会出现在DOM。

在视图中我有:

var a = "anaconda";
var b = oneHitWonders(a); // b === "cod"

这是组件中的动画定义:

    <div *ngFor="let message of messages; let idx = index;" class="toast"
         @flyInOut="'in'"
         (click)="closeToast($event, idx)">
        <div class="text {{message.type}}">{{message.text}}</div>
    </div>

如何将触发动画与模型联系起来? (使用ng2 - rc3)

0 个答案:

没有答案