如何知道DOM渲染是在AngularJS中使用ng-repeat完成的

时间:2017-12-06 13:04:53

标签: javascript jquery angularjs html5

当我的html dom使用带有多次ng-repeat的angularjs完成渲染时,我想提出警告或消息。

HTML代码:

       <body>
            <div ng-controller="Ctrl">
               <div ng-repeat="thing in things" my-post-repeat-directive>                                    
                        thing {{thing}}
                  </div>
                  <div ng-show="complete">Complete {{complete}}</div>
            </div>
      </body>

JS代码

       function Ctrl($scope) {
        $scope.complete = false;
          $scope.doComplete = function() {
              $scope.complete = true;
           }

         $scope.things = [
                    'A', 'B', 'C'
                    ];
              }

          angular.module('myApp', [])
          .directive('myPostRepeatDirective', function() {
            return function(scope, element, attrs) {
           if (scope.$last) {
            scope.$eval('doComplete()');
              }
         };
     });

1 个答案:

答案 0 :(得分:0)

AngularJS LIFECYCLE HOOKS

$postLink(() => {
   yours alert
})
  

$ postLink() - 在此控制器的元素及其子元素之后调用   已被联系。类似于post-link函数,这个钩子可以   用于设置DOM事件处理程序并执行直接DOM操作