AngularJs：当视图内容完全加载时执行一个函数

Question

如何在视图完全加载（文本，图像和所有内容）时调用函数？

我在我的主控制器中尝试了以下操作，但它在内容加载之前发出警报。

$(window).load(function() {
 alert('dsdsds');
});

我正在使用ui-router，所以我在主控制器中尝试了这个，

$scope.$on("$stateChangeSuccess", function($currentRoute, $previousRoute) {
    alert('sasas');
}); 

此处，它在任何内容加载之前都会发出警报。

我该怎么做？

Answer 1

尝试使用$viewContentLoaded。每次重新加载ngView内容时都会发出。

$scope.$on('$viewContentLoaded', function(event) {
     /...
 });

Answer 2

如果您想要观察stateChangeSuccess DOM对象进行更改然后执行某些操作，则可以执行此操作。

 $scope.$watch('$stateChangeSuccess', function($currentRoute, $previousRoute){
    // do something
 });