使用 AngularJS 获取“ng-repeat”项目的索引（计数器）？

Question

我正在使用 AngularJS 及其 ng-repeat 指令来显示一系列问题。我需要以1 开头的每个问题编号。如何使用ng-repeat 显示和增加这样的计数器？这是我目前所拥有的：

<ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>

Answer 1

Angularjs 文档中充满了示例，您只需要花一些时间去探索它。

在此处查看此示例：ngRepeat example，情况相同。

<ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{$index + 1}} {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>

Answer 2

有两种方法可以在 ng-repeat 中获取给定数组的索引

使用 $index

<th ng-repeat="n in [].constructor(3 + 1) track by $index">{{$index}}</th>

使用计数器

当您嵌套了 ng-repeat 并且两个循环都需要计数器时，此方法很有用...以下示例使用计数器行。虽然需要通过 $index 进行跟踪，但它不用于逻辑。

<tr ng-repeat="(row, y) in getNumber(h.seats.length, 3) track by $index">
                    <td>{{row+1}}</td>

在这两种情况下，计数器都以 0 开头，如果您愿意，可以使用 +1 进行偏移

Answer 3

通过搜索类似的东西到达这里。

这对我有用。

{{$index + 1}}

添加+1是因为索引从0开始。