自动编号Angularjs ng-repeat列表

Question

我正在使用Angularjs ng-repeat创建学生报告列表.我的问题是如何动态地将有序列表中的编号附加到视图中生成的列表中.我希望实现这样的目标

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

通过ng-repeat在视图中渲染模型时,应自动生成"#"列.老实说,我不知道从哪里开始,我不知道该怎么做.如果有人能帮助我或指出正确的来源,我将很高兴.谢谢.

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文档开始