javascript – 自动编号Angularjs ng重复列表

前端之家收集整理的这篇文章主要介绍了javascript – 自动编号Angularjs ng重复列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在用 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渲染模型时,“#”列应该是自动生成的.老实说,我不知道从哪里开始,我不知道该怎么做.如果有任何人可以帮助我或指出我的正确来源,我将很高兴.谢谢.

解决方法

内部重复,您可以使用:
{{$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开始

猜你在找的JavaScript相关文章