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');
  });

在父控制器中注册此事件。明确说明

Emitted every time the ngView content is reloaded.

请参阅demo

在Angular完成渲染控制器模板时执行一个函数

1 个答案: