AngularJs ng-repeat 嵌套如何获取外层$index
一个真实项目的例子是遍历表格的行和列,每一行需要显示当前是第几行,我立刻想到用$index,简直就如同砍瓜切菜般,一切都那么行云流水,简直太容易了,于是有了下面这段代码.
<!--repeatdatarow--> <trng-repeat="rowinrowstrackbyrow.id"> <tdng-repeat="colinrow.columnstrackbycol.id"> <spanng-if="col.id==0"ng-bind="$index"></span> </td> </tr>
可当我的程序跑起来了,我发现我获取的$index感觉怪怪的,我想一定是我打开的方式不对,我狂按几下F5,可事实就是我的程序出BUG了,因为它拿到的是列循环的索引.这下我懵逼了.你TM是在逗我?
经过思索,我想到了ngInit,于是有了下面这段代码,
我尝试做的事情是把$index赋值给了outerIndex,并在循环体中输出outerIndex.
<trng-repeat="rowinrowstrackbyrow.id"ng-init="outerIndex=$index"> <tdng-repeat="colinrow.columnstrackbycol.id"> <spanng-if="col.id==0"ng-bind="outerIndex"></span> </td> </tr>
这时成功得到了想要的结果.虽然这个小问题很简单,但对于angular新手来说还是挺蛋疼的,感觉答案呼之欲出,却又欲言又止,
小小记录一下,我的angularJs之路才刚刚开始.
以上就是对AngularJsng-repeat嵌套如何获取外层$index的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！