如何在不使用超时的情况下对要删除的项目应用动画

时间:2016-08-09 11:01:54

标签: angularjs animation angular

我正在使用Angular 2 - RC3。

我的问题是,我有一个使用* ngIf显示或隐藏的项目。 当项目被显示或隐藏时,我想要应用动画。

当项目首次显示时,我可以通过添加一个类来应用动画。但问题是当它被删除时,在动画开始/结束之前,项目会从屏幕上删除。

我知道你可以通过设置一个延迟删除动作的计时器来克服这个问题,这样动画就可以完成。但是我不想把计时器放在我需要这个功能的地方。

Angular有更简单的方法来实现这个目标吗?

我不想使用JQuery。

1 个答案:

答案 0 :(得分:0)

在元素上使用 [hidden] 指令,因为它不会像* ngIf那样阻止元素呈现。

[hidden]表示它占用了DOM文档中的空间,但它的显示设置为:none !important

另一方面,

* ngIf从DOM完全删除元素