javascript - Angularjs ng-repeat列表的自动编号

Question

我正在使用 Angularjs ng-repeat 创建学生报告列表。我的问题是如何将排序列表之类的编号动态附加到 View 中生成的列表中。我想实现这样的目标

 # | Name of student | Student ID
 _________________________________
 1 | Samuel Addo     | 346578
 2 | GRace Asumani   | 965433
 3 | Zein Akill      | 123455
 4 | David Addoteye  | 678543

当通过 ng-repeat 在 View 中渲染模型时，“#”列应该是自动生成的。老实说，我不知道从哪里开始，因为我不知道该怎么做。如果有人可以帮助我或指出正确的来源，我将很高兴。谢谢。

Answer 1

在 ng-repeat 中，你可以使用:

{{$index +1}}

例如:

<tr ng-repeat="student in students">
  <td>#{{$index + 1}}</td>
  <td>{{student.name}}</td>
</tr>

$index 是 ng-repeat 指令提供的变量，它为您提供当前索引。这里我给它加了 1，这样数字就从 1 而不是 0 开始。ng-repeat documentation