Question

我有一个页面，其中一个数组在其中有一个数组，并使用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'元素内的章节和页面的索引，即我想访问章节no和page no那里。

我怎样才能实现这一目标？

Answer 1

这里的关键是每个$index指令中提供的ng-repeat变量。请注意，索引从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

Answer 2

对于页面使用{{$ 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-repeat内的ng-repeat索引

2 个答案: