如何在销毁/删除之前将 css 动画应用于 angular2 组件？答案

【问题标题】：How do I apply css animations to angular2 components before they are destroyed/removed?如何在销毁/删除之前将 css 动画应用于 angular2 组件？
【发布时间】：2016-06-12 14:31:04
【问题描述】：

早上好！

在我们等待新的 ng2-animate 库完成的同时，还有其他方法可以在元素从 dom 中移除之前对其进行动画处理吗？

我正在使用具有 *ngIf 属性的元素。将元素添加到 DOM 后，我可以毫无问题地对其进行动画处理。当元素被移除时，过渡不适用。

我已经尝试通过在 ngOnDestroy 中侦听 animationend 事件来使用生命周期挂钩，并且我已经尝试使用渲染器。后者尚未记录。

我现在只需要依靠 JQuery 吗？

【问题讨论】：

我想知道您是如何管理它的。你最终选择了 jQuery 还是找到了解决方案？
我相信这在 Angular 5 中不再是一个问题，这就是我们现在正在使用的。

标签： css animation dom angular

【解决方案1】：

看起来像一个拉取请求已经存在的错误https://github.com/angular/angular/pull/6768

我发现了一个错误，即 detachView 方法在 animateNodeLeave 之前删除 DOM。

【讨论】：

Angular2 中的新动画模块应该可以解决这个问题（我自己还没试过）。