javascript - 当 Angular 完成渲染 Controller 的模板时执行一个函数

Question

在 Angular 完成 Controller 模板渲染后，我如何执行一个函数？

这是我尝试运行的函数的示例。由于 View 尚未完成渲染，因此没有与 $('.my-element') 匹配的元素。

function myFunction(){
  $('.my-element').css('color', 'red');
}

Answer 1

如果你使用的是 ng-view，你可以简单地监听这个事件。 ngView-viewContentLoaded在这里您可以了解有关此事件的更多信息。

 $scope.$on('$viewContentLoaded', function(){
    //Here your view content is fully loaded !!
    //Here you can write your custom logic which will execute after content loaded.      
     $('.my-element').css('color', 'red');
  });

在你的parent controller.document clearly stated中注册这个事件

Emitted every time the ngView content is reloaded.

参见 demo