【问题标题】:ng-enter and ng-leave with animation stacking views带有动画堆叠视图的 ng-enter 和 ng-leave
【发布时间】:2016-07-29 16:24:16
【问题描述】:
我正在使用带有 ngAnimate 和 ngRoute 的 AngularJS 1.5。我想制作动画
ng-view 当它随 ngAnimate 改变时。对于我使用 animate.css 的动画。
动画基本上可以工作,但问题是 ng-enter 不等待
ng-leave 完成,以便下一个将要加载的视图在短时间内附加到当前视图的底部。
这个问题有已知的解决方案吗?
【问题讨论】:
标签:
css
angularjs
animation
ng-animate
ngroute
【解决方案1】:
你可以在 $rootScope 上使用 angur evens
例如
$rootScope.$on('stateChangeSuccess', function(){
//your stuff
})
还有其他活动。
我知道污染 $rootscope 通常不是一个好选择,但如果确实需要,您可以使用它。
或
如果你有抽象状态,那么
您可以从父状态引发类似的事件,并使用 $scope 在子状态中监听它们。真的取决于应用程序的架构。