Javascript 如何判断带有子视图的angularjs ui.router视图何时已完全加载？

我有一个angularjs应用程序正在使用ui路由器。我有一个带有子视图的页面。我想知道页面何时完全加载，类似于document.ready。我知道angularjs有

$viewContentLoaded

事件，但每个子视图都会触发该事件。因此，当您添加时，它将为每个子视图激发。是否有人知道一种监听事件的方法，可以让我知道整个页面已完成加载？

您可以绑定到

$stateChangeSucture

事件，并根据自己的意愿利用参数（例如，如果您只想为特定的

toState

执行某些操作）

$stateChangeSuccess-状态转换完成后激发

一个例子可能包括

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

您可以在控制器等位置或全局性的某个位置（如

run

函数）中包含此内容，并绑定到

$rootScope

---

有关更多信息，请参见

嗯，我认为这对我的情况没有帮助，因为我必须对每个“家长”状态进行硬编码，以确定这是否是取得成功的状态。我想一个解决方案，更动态，可以适用于任何页面。此外，此事件是否仅在处理完整个页面后才会触发？这可以应用于任何页面。你能再解释一下你关心的是什么吗？@FedilGrogan你在这方面有什么进展吗？这解决了你的问题还是让你走上了正确的方向？请让我知道