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.希望它帮助!

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...