如何判断一个angularjs ui.带子视图的路由器视图已经完全加载

How to tell when an angularjs ui.router view with subviews has fully loaded?

本文关键字：视图 路由器 加载 ui 判断 何判断 angularjs 一个      更新时间：2023-09-26

我有一个使用ui-router的angularjs应用。我有一个带有子视图的页面。我想知道当页面完全加载类似于document.ready。我知道angularjs有$viewContentLoaded事件，但它会为每个子视图触发。添加这个后，它会为每个子视图触发。有没有人知道一种方法来监听一个事件，让我知道整个页面已经完成加载?

您可以绑定到$stateChangeSuccess事件，并利用您希望的参数(例如，如果您只想为特定的toState做一些事情)

$ statechangessuccess -状态转换完成后触发。

一个例子可以包括…

$scope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
    // done -- do something
});

您可以将其包含在控制器或全局某处(如run函数)中，并绑定到$rootScope

查看ui-router文档获取更多信息

相关文章：