我有一个使用 ui-router 的 angularjs 应用程序。我有一个带有子视图的页面。我想知道页面何时完全加载，类似于 document.ready。我知道 angularjs 有 $viewContentLoaded 事件，但是每个子视图都会触发。因此，当您添加它时，它将为您的每个子视图触发。有谁知道一种方法来侦听让我知道整个页面已完成加载的事件？
【问题讨论】：
标签： javascript html angularjs angular-ui-router
您可以绑定到$stateChangeSuccess 事件，并根据需要利用参数（例如，如果您只想为特定的toState 做某事）
$stateChangeSuccess - 状态转换完成后触发。
一个例子可能包括...
$scope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
// done -- do something
});
您可以将它包含在诸如控制器之类的地方或全局某处，例如run 函数并绑定到$rootScope
查看ui-router docs了解更多信息
【讨论】：