javascript - Angular + ui-router::on 状态完成回调

Question

我正在使用 $state.go(url) 在一些工厂中导航。为了避免闪烁，我想订阅我的动画以在新状态完全加载时开始。 (不仅仅是 url 更改)

是否有任何方法可以在插入状态的 html 和/或第一个 digest 循环运行时调用的工厂内添加回调？

Answer 1

您可以自由操作 $stateChangeStart 并继续 $viewContentLoaded 事件。

您的状态与您添加的用于在状态配置中解析功能的 promise 一样精确。因此，如果您的完全加载状态取决于数据就绪和页面呈现完成状态 - 您需要确保在您丢失任何内容之前 Controller 不会加载。

只有意识到在这些事件之间显示动画是 - 放置在您当前状态上的每个 View 都会调用单独的 $viewContentLoaded。

在这种情况下，我在 subview 数量等于事件发生数量后卸载动画。