在ui路由器状态更改期间使用ui-views

时间:2015-12-18 13:23:40

标签: angularjs angular-ui-router

我在角度应用程序中使用UI路由器,其中使用ng-enter(-active)和ng-leave(-active)类的基本动画视图是不够的。我已经在应用程序中使用了$ stateChangeStart事件,然后在状态转换之前向上滚动,但我想更多地使用ui-views。

因此,我试图找出状态转换过程如何影响DOM中的ui-view元素,但不知怎的,我找不到我要找的东西。

我研究过程按以下顺序触发事件:stateChangeStart> viewContentLoading> stateChangeSuccess> viewContentLoaded。不幸的是,当我查看DOM(使用Chome dev控制台)时,仅在最后一个断点(viewContentLoaded)中,DOM中存在两个ui视图(“fromState ui-view”和“toState ui-view”)。

我一直在考虑淡化前ui-view元素,做一些其他的东西,然后淡化新的ui-view元素,所以我正在寻找一个只有前ui-view存在的事件,然后两者和然后只有新的。这种方式在我看来,我应该在viewContentLoaded回调中执行所有动画,这似乎是不合适的。

我是否遗漏了整个概念中的某些内容,还是有其他事件或方法?提前感谢任何提示或链接...

0 个答案:

没有答案