在ng-repeat中获取ng-repeat的索引
get index of ng-repeat inside of ng-repeat
我有一个页面,其中数组内部有一个数组,并使用ng-repeat 2次显示。
<div ng-repeat="chapter in chapters">
<div ng-repeat="page in chapter.pages">
<p>Title: {{page.title}}</p>
</div>
</div>
数组是:
$scope.chapters= [
{
pages: [
{title: 'Title3'},
{title: 'Title4'},
{title: 'Title5'}
]
},
{
pages: [
{title: 'Title1'},
{title: 'Title2'}
]
}
];
我需要访问'p'元素内的章节和页面的$index,即我想访问章节编号和页面编号。
我怎样才能做到这一点?
这里的关键是每个ng-repeat
指令中提供的$index
变量。请注意,索引从0开始,这就是为什么我在显示章节和页面时添加了+ 1
。
<div ng-repeat="chapter in chapters" ng-init="chapterNumber = $index">
<div ng-repeat="page in chapter.pages">
<p>Chapter: {{chapterNumber + 1}}, Page: {{$index + 1}}, Title: {{page.title}}</p>
</div>
</div>
JSFiddle
对于章节使用{{$index}}对于页面可以使用{{$parent.$index}}访问索引
请看这里:http://jsbin.com/xowub/2/
<div ng-repeat="chapter in chapters">
<div ng-repeat="page in chapter.pages">
<p>Page: {{$parent.$index}} chapter:{{$index}} Title: {{page.title}}</p>
</d
</div>
相关文章:
- ng init中的表达式无法使用ng repeat
- Angular js+ng repeat+字母数字索引不起作用
- 如何从 Angular ng-repeat 指令中检索数组中的某些索引
- 如何在 ng-repeat 中使用 anchorScroll() 以在索引 x 处具有开始视图
- AngularJS - ng-repeat,更新尚未定义的模型对象索引
- 如何在任何索引字段中验证 ng-repeat 中的保存按钮
- 如何在 ng-repeat 中的某个特定索引上开始一个新行
- 如何使用数据 ng-repeat获取从 A 到 Z 的索引值
- 角度.js在 ng-repeat 中获取 2d 数组中最后一个元素的索引
- 如何对一个元素进行ng样式设置's$索引由ng repeat创建
- 如何使链接内的ng-repeat可索引的SEO
- 在控制器- angular, Ionic中获取滚动后的ng-repeat索引
- 使用Angular ng-repeat获取数组的最后一个索引
- 在ng-repeat中获取ng-repeat的索引
- 获取ng-repeat中的row's索引(或id),以便对特定行执行一些操作
- 使用ng-repeat时避免表中列中的重复索引
- Angular:如何使用ng repeat迭代数组中除最终索引外的所有索引
- ng-repeat元素# 39;索引在排序时改变
- AngularJS在ng-repeat中决定索引
- 从ng-repeat中获取实际的数组索引