css - 带有动画堆叠 View 的 ng-enter 和 ng-leave

Question

我将 AngularJS 1.5 与 ngAnimate 和 ngRoute 一起使用。我想动画ng-view 当它随 ngAnimate 变化时。对于动画，我使用的是 animate.css。

动画基本可以，但问题是 ng-enter 不等待ng-leave to finish 以便接下来加载的 View 会在当前 View 的底部附加一小段时间。

这个问题有已知的解决方案吗？

Answer 1

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

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

还有其他事件。

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

或

如果你有抽象状态那么

您可以从父状态引发类似的事件并使用 $scope 在子状态中收听它们。确实取决于应用程序的架构。