AngularJS-当父div使用ngShow设置动画时,ngView将消失

AngularJS-当父div使用ngShow设置动画时,ngView将消失,angularjs,ng-animate,Angularjs,Ng Animate,当路线改变时,我尝试在两个div之间设置动画 到目前为止,使用ng show和ngAnimate可以很好地工作,但第二个div包含ng视图,该视图在路由更改后立即消失。在从DOM中删除ng视图之前,如何等待ng show动画完成 现场演示: 示例代码:您只在CSS中设置了ng show的动画,但当ng view切换内容时,您没有设置动画。您可以使用.ng enter和.ng leavecss类设置ng视图的动画。您可以在这里看到一个示例:即使在向ngView添加动画类之后,我仍然有相同的问题。

当路线改变时,我尝试在两个div之间设置动画

到目前为止,使用ng show和ngAnimate可以很好地工作,但第二个div包含ng视图,该视图在路由更改后立即消失。在从DOM中删除ng视图之前,如何等待ng show动画完成

现场演示:


示例代码:

您只在CSS中设置了
ng show
的动画,但当
ng view
切换内容时,您没有设置动画。您可以使用
.ng enter
.ng leave
css类设置
ng视图的动画。您可以在这里看到一个示例:

即使在向ngView添加动画类之后,我仍然有相同的问题。这是因为
'/'
的路由不包含模板。当Angular看到一条路由没有这个元素时,它会从DOM中删除
ng view
元素,并在点击一条有模板的路由时重新创建它。我喜欢这个想法,但它仍然会立即删除视图。我认为你走错了方向,现在你有两个
ng视图
s。你为什么需要这个?您不能将所有内容都放在一个
ng视图中,然后将其动画化吗?