在AngularJS中,使用ng-repeat
指令进行循环迭代时,可以通过$index
变量获取当前迭代的索引值。如果需要在嵌套的ng-repeat
中获取外层的索引值,可以使用$parent.$index
来访问外层循环的索引。
下面是两个示例说明:
示例1:
<div ng-repeat=\"outerItem in outerArray\">
<p>外层索引:{{$index}}</p>
<div ng-repeat=\"innerItem in outerItem.innerArray\">
<p>外层索引:{{$parent.$index}}</p>
<p>内层索引:{{$index}}</p>
</div>
</div>
在上面的示例中,外层使用ng-repeat
循环迭代outerArray
数组,内层使用ng-repeat
循环迭代outerItem.innerArray
数组。通过{{$index}}
可以获取内层循环的索引值,而通过{{$parent.$index}}
可以获取外层循环的索引值。
示例2:
<div ng-repeat=\"(outerIndex, outerItem) in outerArray\">
<p>外层索引:{{outerIndex}}</p>
<div ng-repeat=\"(innerIndex, innerItem) in outerItem.innerArray\">
<p>外层索引:{{outerIndex}}</p>
<p>内层索引:{{innerIndex}}</p>
</div>
</div>
在上面的示例中,使用(outerIndex, outerItem)
语法来同时获取外层循环的索引和值。内层循环同样使用(innerIndex, innerItem)
语法来获取内层循环的索引和值。通过{{outerIndex}}
可以获取外层循环的索引值,而通过{{innerIndex}}
可以获取内层循环的索引值。
这些示例展示了如何在嵌套的ng-repeat
中获取外层的索引值。无论是使用$parent.$index
还是(outerIndex, outerItem)
语法,都可以实现这个目的。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:AngularJs ng-repeat 嵌套如何获取外层$index - Python技术站