【问题标题】: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 在子状态中监听它们。真的取决于应用程序的架构。

【讨论】:

  • 这可能是另一个问题的答案吗?
猜你喜欢
  • 1970-01-01
  • 2015-08-23
  • 1970-01-01
  • 1970-01-01
  • 2020-03-04
  • 1970-01-01
  • 2016-09-09
  • 2015-05-08
  • 1970-01-01
相关资源
最近更新 更多