自动编号Angularjs ng-repeat列表

大卫·阿多特耶

我正在使用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在视图中渲染模型时,“#”列应自动生成。老实说,我不知道从哪里开始,因为我不知道该怎么做。如果有人可以帮助我或指出正确的消息来源,我将感到高兴。谢谢。

在六月

在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文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在angularjs中自动聚焦于ng-repeat

angularjs ng-repeat中的动态互斥下拉列表

AngularJS和Bootstrap:ng-repeat导致列表丢失格式

AngularJS:ng-repeat 列表但有标题和分组

AngularJS ng-repeat处理空列表大小写

angularjs ng-repeat:仅显示匹配结果列表

使用ng-repeat(AngularJS)返回属性列表

angularjs ng-repeat显示所有列表对象

angularjs对象列表未绑定到ng-repeat

带有 ng-repeat 和 ng-show 索引的 Angularjs(可扩展列表)

Angularjs 独特的选项列表是 ng-repeat 还是 ng-options?

ng-repeat + ng-change-AngularJs

AngularJS:如何在ng-repeat中获取当前迭代编号

编号ng-repeat中的行

Angularjs 根据其子数组过滤对象的 ng-repeat 列表

带按钮的AngularJS ng-repeat列表:单击后禁用按钮

如何使用angularjs为ng-repeat列表创建复选框过滤器?

AngularJS:具有动态列表的ng-repeat,而无需重建整个DOM树?

AngularJS:从模型数组中拼接模型元素时,不会更新ng-repeat列表

从ng-repeat Angularjs下拉列表中的选定选项更新输入值

带有包含下拉列表的 ng-repeat 的 AngularJS 高亮表

angularjs在ng-repeat列表中显示最后5个项目

AngularJS ng-repeat具有多个显示不同值的列表

AngularJS不显示ng-repeat,仅显示一个空列表

用ng-repeat列出列表,并用“自定义类别”(AngularJS)分隔

AngularJs ng-repeat显示第二个列表中匹配ID的计数

AngularJS ng-repeat单选按钮列表:选定的单选返回未定义的值

在angularjs中使用ng-repeat时如何将当前月份保持在列表顶部

AngularJS“垂直” ng-repeat