带动画堆叠视图的ng-enter和ng-leave

时间:2016-04-08 12:00:23

标签: css angularjs animation ng-animate ngroute

我将AngularJS 1.5与ngAnimate和ngRoute一起使用。我想动画片 使用ngAnimate更改时的ng-view。对于动画我使用animate.css。

动画基本上有效,但问题是ng-enter不会等待 ng-leave完成,以便接下来加载的视图会暂时附加到当前视图的底部。

这个问题是否有已知的解决方案?

1 个答案:

答案 0 :(得分:0)

你可以在$ rootScope上使用angur evens 例如

$rootScope.$on('stateChangeSuccess', function(){
//your stuff
})

还有其他事件。

我知道poluuting $ rootscope通常不是一个好的选择,但如果确实需要,你可以使用它。

如果你有抽象状态那么

您可以从父状态引发类似事件,并使用$ scope在子状态中监听它们。真的取决于应用程序的体系结构。