手机版

一个判断ng-repeat是否在angularjs中迭代的例子

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

angular中的ng-repeat命令将自动迭代数组,然后您可以在页面上逐个显示迭代的数据。但是,有一种方法可以知道如何迭代数据。今天,我们将介绍一种判断ng-repeat是否已经迭代的方法。众所周知,ng-repeat会为每个repeat对象创建一个控制器,所以我们可以用这个来判断。

首先我们需要定义一个数组

$scope.testArrray=[ {id: 1,value: 1},{id: 2,value: 2},{id: 3,value: 3},{id: 4,value: 4},{id: 5,value: 5},{ id: 6,value : } 6,{ id: 7,value然后我们重复这个数组,并在html页面中使用ng-repeat指令,并为它们创建控制器。

body ng-controller=' app1 controller '内容!-为每个重复对象创建一个itemreadctrl控制器-div类=' item ' ng-controller=' itemreadctrl ' ng-repeat=' Li在由Li创建的testarray轨道中。id“{ Li。value}}/div/content/body然后为它们创建子控制器。控制器(' itemreadctrl ',['$ scope ',函数($ scope) {$ scope。$ watch ($ scope。$ last,function () {console.log('执行一次!');If ($scope)。$last) {//$作用域。$ last是判断它是否是最后一个ng-repeat对象,如果是,则$ scope的值。$ last为真,否则为假$ scope。$ emit(' ng repeat finished ');//由于广播是发给父控制器的,所以都使用$ emit}})])然后在父控制器中接收广播

$ scope。$ on ('ngrepeat finished ',function(data){//接收广播,并执行console.log('恭喜,重复结束!');});看控制器里的打印,证明这个方法是有效的

当ng-repeat指令重复后需要执行某些操作时,有时可以使用这种方法。

以上在angularjs中判断ng-repeat是否迭代的例子,就是边肖分享的全部内容,希望能给大家一个参考和支持。

版权声明:一个判断ng-repeat是否在angularjs中迭代的例子是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。