AngularJS - 当使用ng Show显示父div动画时,ng视图会消失

时间:2014-03-19 05:47:18

标签: angularjs ng-animate

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

到目前为止,它使用ng-show和ngAnimate工作正常,但第二个div包含ng-view,一旦路径改变,它立即消失。在从DOM中删除ng-view之前,如何等待ng-show动画完成?

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

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

1 个答案:

答案 0 :(得分:0)

您只是在CSS中为ng-show制作动画,但在ng-view切换内容时您无法制作动画。您可以使用ng-view.ng-enter css类为.ng-leave设置动画。您可以在此处查看示例:http://dfsq.github.io/ngView-animation-effects/app/