当 Angular 完成渲染控制器模板时执行函数

Question

如何在 Angular 完成控制器模板渲染后执行函数？

这是我尝试使用的函数示例运行。由于视图尚未完成渲染，因此没有与 $('.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');
  });

在您的家长中注册此活动 controller.document 明确说明

Emitted every time the ngView content is reloaded.

见demo

当 Angular 完成渲染控制器模板时执行函数

Execute a function when Angular is finished rendering a controller's template

javascript

angularjs

ng-view