Angular + UI-Router ::狀態完成回調

Question

我正在使用$state.go(url)在一些工廠中導航。 為了避免閃爍，我想在新狀態完全加載后訂閱動畫以開始播放。 （不僅是網址更改）

是否有什么方法可以在插入狀態html和/或運行第一個digest循環時在工廠內添加回調？

Answer 1

您可以自由操作$stateChangeStart並繼續執行$viewContentLoaded事件。

您的狀態與為在狀態配置中解析功能而添加的許多承諾一樣精確。 因此，如果您的完全加載狀態取決於數據的就緒狀態和頁面呈現完成狀態-您需要確保在丟失任何內容之前控制器不會加載。

只有意識到在這些事件之間顯示動畫是-處於當前狀態的每個視圖都將調用單獨的$viewContentLoaded 。

在這種情況下，我要在子視圖數等於事件數后卸載動畫。

Answer 2

您可以偵聽狀態轉換完成后觸發的$stateChangeSuccess事件：

$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
    // your code here
});