AngularJS`ngAnimate`用户界面视图-等待下一个追加新的下一个

Question

我正在使用旧的AngularJS 1.6代码库，并且想要在ui-view中更改视图时进行一些转换。

我在ngAnimate上使用ui-view提供程序，但不是先过渡然后过渡，这两个过渡都同时发生（我想可以进行交叉过渡）。

我可以延迟CSS动画，但是HTML仍然存在并且阻碍了布局。

如何禁用此“交叉过渡”，而仅在第一种状态过渡出去时才显示标记？

现在是这样的： http://next.plnkr.co/edit/AtSc6XzeQnnJpQO2?preview

我需要的流程：

1. 动画当前视图
2. 删除当前视图
3. 添加新视图
4. 在其中动画新视图