Angular2动画' * =>空隙'转换未使用* ngFor Component项激活

时间:2016-09-06 21:11:57

标签: angular angular2-animation

Plunker示例 https://plnkr.co/edit/uUs4U63mEItIRvL4nL7s?p=preview

我添加了ul li个{1}}通知。我们希望他们在删除后滑出,但transition('* => void')似乎没有生效,他们只是消失而不是滑回来。我在这做错了什么?提前谢谢。

修改 这是一个扩展的plunker示例,显示它使用本地列表,但不是在使用组件构建列表时。

https://plnkr.co/edit/8WZGZu3tuSVBrzUZxBwE?p=preview

1 个答案:

答案 0 :(得分:2)

我已处理此案例,获取组件外的动画,并使用" display:block"

定义组件标签css

Here就是一个例子。关键的想法是

notification {display: block;}