angularjs – ng-repeat完成事件

前端之家收集整理的这篇文章主要介绍了angularjs – ng-repeat完成事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想调用一些jQuery函数定位div与表。该表填充ng-repeat。

当我打电话

$(document).ready()

我没有结果。

$scope.$on('$viewContentLoaded',myFunc);

没有帮助。

在ng-repeat群完成后,是否有任何方法执行功能?我已经阅读关于使用自定义指令的建议,但我不知道如何使用它与ng-repeat和我的div …

事实上,你应该使用指令,并且没有事件绑定到一个ng-Repeat循环的结束(因为每个元素是单独构建的,并有它自己的事件)。但a)使用指令可能是所有你需要和b)有几个ng-Repeat特定的属性,你可以使用来使你的“在ngRepeat完成”事件。

具体来说,如果你想要的是对整个表进行风格/添加事件,你可以在包含所有ngRepeat元素的指令中使用。另一方面,如果你想要具体地解决每个元素,你可以使用ngRepeat中的一个指令,它将作用于每个元素,创建后。

然后,有$ index,$ first,$ middle和$ last属性可以用来触发事件。所以对于这个HTML:

<div ng-controller="Ctrl" my-main-directive>
  <div ng-repeat="thing in things" my-repeat-directive>
    thing {{thing}}
  </div>
</div>

你可以使用这样的指令:

angular.module('myApp',[])
.directive('myRepeatDirective',function() {
  return function(scope,element,attrs) {
    angular.element(element).css('color','blue');
    if (scope.$last){
      window.alert("im the last!");
    }
  };
})
.directive('myMainDirective',attrs) {
    angular.element(element).css('border','5px solid red');
  };
});

看到它在行动在这Plunker.希望它帮助!

原文链接:https://www.f2er.com/angularjs/147671.html

猜你在找的Angularjs相关文章