如何在 Angular RC.5 中制作路线过渡动画？答案

【问题标题】：How to make routes transition animation in Angular RC.5?如何在 Angular RC.5 中制作路线过渡动画？
【发布时间】：2016-09-01 14:54:18
【问题描述】：

所以routeOnDeactivate 已被删除。如何在运输途中动画路线？官方文档没有说清楚

【问题讨论】：

【解决方案1】：

您也许可以创建一个从现有<router-outlet> 派生的自定义<router-outlet> 以支持动画。它需要保留旧组件直到动画完成才能做过渡动画。动画中添加了一个onDone 回调以简化此操作。

【讨论】：

所以为了将路由停用延迟 400 毫秒，我所能做的就是在 400 毫秒后返回 Promise 解析？
我自己还没有深入研究这个话题。我不知道该怎么做。
github.com/angular/angular/issues/9845#issuecomment-235799008 你认为可以在触发状态转换的情况下为其他组件或 HTML 元素设置动画吗？
不确定你的意思。你看到了吗angular.io/docs/ts/latest/guide/animations.html
是的，我有。我的应用程序中有一个加载屏幕封面。当页面传输时，它会相应地淡入和淡出，它在 NG2 beta 中正常工作，但在 RC 中不能正常工作，因为 routeOnDeactivate 已删除。