加载内容后要调用的AngularJs事件

Question

加载内容后要调用的AngularJs事件我有一个函数，我想在加载页面内容后调用。我读到了$ viewContentLoaded，它对我不起作用。我正在寻找类似的东西document.addEventListener('DOMContentLoaded', function () {      //Content goes here }, false);以上调用在AngularJs控制器中对我不起作用。

Answer 1

角度<1.6.X

angular.element(document).ready(function () {
    console.log('page loading completed');});

角度> = 1.6.X

angular.element(function () {
    console.log('page loading completed');});

Answer 2

固定 - 2015.06.09

使用指令和角元素ready方法如下：

JS

.directive( 'elemReady', function( $parse ) {
   return {
       restrict: 'A',
       link: function( $scope, elem, attrs ) {    
          elem.ready(function(){
            $scope.$apply(function(){
                var func = $parse(attrs.elemReady);
                func($scope);
            })
          })
       }
    }})

HTML

<div elem-ready="someMethod()"></div>

或者那些使用controller-as语法的人......

<div elem-ready="vm.someMethod()"></div>

这样做的好处是，您可以根据自己的用户界面广泛或细化，并从控制器中删除DOM逻辑。我认为这是推荐的Angular方式。

如果您在同一节点上运行其他指令，则可能需要优先处理此指令。