angularjs – ng-repeat完成事件
发布时间:2020-12-17 09:26:19 所属栏目:安全 来源:网络整理
导读:我想调用一些jQuery函数定位div与表。该表填充ng-repeat。 当我打电话 $(document).ready() 我没有结果。 也 $scope.$on('$viewContentLoaded',myFunc); 没有帮助。 在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.希望它帮助! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |