AngularJS - 当父 div 使用 ngShow 动画时，ngView 消失答案

【问题标题】：AngularJS - The ngView disappears when the parent div animates using ngShowAngularJS - 当父 div 使用 ngShow 动画时，ngView 消失
【发布时间】：2014-03-19 14:30:16
【问题描述】：

当路线改变时，我试图在两个 div 之间制作动画。

到目前为止，使用 ng-show 和 ngAnimate 可以正常工作，但是第二个 div 包含 ng-view，一旦路由更改，它就会立即消失。如何等到 ng-show 动画完成后再从 DOM 中移除 ng-view？

现场演示： http://run.plnkr.co/7RLwUxwfUV4rb2kV/#/

示例代码：http://plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview

【问题讨论】：

标签： angularjs ng-animate

【解决方案1】：

您只是在 CSS 中为 ng-show 制作动画，但在 ng-view 切换内容时您并未制作动画。您可以使用 .ng-enter 和 .ng-leave css 类对 ng-view 进行动画处理。你可以在这里看到一个例子：http://dfsq.github.io/ngView-animation-effects/app/

【讨论】：

我仍然遇到同样的问题，即使在将动画类添加到 ngView 之后也是如此。 plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview
这是因为您的'/' 路由不包含模板。当 Angular 发现路由不包含该元素时，它会从 DOM 中删除 ng-view 元素，并在命中具有模板的路由时重新创建它。
我喜欢这个想法，但它仍然会立即删除视图。 plnkr.co/edit/0ZatzKRKAyxUUfgslxum?p=preview
我认为你做错了，现在你有两个ng-views。你为什么需要那个？难道你不能把你所有的内容都放在ng-view 里，然后把它做成动画吗？