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

＆＃39;＃＆＃39;通过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 documentation

Answer 2

是的，您可以使用{{$ index}}打印序列中的索引位置，不在ng-repeat内部。

其他各种变量也可用于计算和检查第一，中，最后，奇数，甚至分别使用$ first，$ middle，$ last，$ odd和$ even。

$ index ：重复元素的迭代器偏移量（0..length-1）
$ first ：如果重复元素是迭代器中的第一个元素，则为true。
$ middle ：如果重复元素位于第一个和最后一个之间，则为true 迭代器。
$ last ：如果重复元素位于最后一个，则为true 迭代器。
$ even ：如果迭代器位置$ index是偶数，则为true （否则为假）。
$ 奇数：如果迭代器位置$ index为奇数，则为true （否则为假）。

自动编号Angularjs ng-repeat列表

2 个答案: