Javascript 获取ng repeat内部的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>

我需要访问“p”元素中章节和页面的$index，即我想访问那里的章节号和页面号

---

如何实现这一点？

对于章节使用{{$index}对于页面，您可以使用{{$parent.$index}}访问索引
请看这里：

页码：{{$parent.$index}}章节：{{$index}}标题：{{{Page.Title}

这里的关键是每个
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>


章节：{{chapterNumber+1}}，页码：{{$index+1}，标题：{{Page.Title}


不，请不要使用
$parent
，请改为阅读。@ivarni$parent有什么问题？因为通过引用
$parent
，您对范围层次结构做出了假设。angular团队引入
ng init
的唯一目的是解决OP存在的问题，这是有充分理由的。@ivarni-hmm。。那么，这一章是否是佩奇的父章呢？现在是。可能不会在2个月内有人在两个重复之间添加一个单独的指令。听着，我不是来争论的。如果您或OP真的想体验当您依赖
$parent
时最终会发生什么，请放心。
 <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>

<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>