AngularJS表格添加序号的方法

本文实例讲述了AngularJS表格添加序号的方法。分享给大家供大家参考，具体如下：

1、问题背景

AngularJS表格需要序号，可以利用$索引来作为序号

2、实现实例

！DOCTYPE html html head meta charset=' UTF-8 ' title angularjs之表格序号/title link rel='样式表href='css/bootstrap.css' rel='外部no follow/script src=' http : angular。js/1。4 .6/棱角分明。量滴js '/脚本样式表，th，TD {边框-折叠：折叠；}表tr : th-child(偶数){底色： # F7e1 b5}表tr : th-child(奇数){底色： # f1 f1}/样式脚本var app=角度。模块(' tableStyleApp '，[])；app。控制器(' tablestyle controller '，函数($ scope){ $ scope。数据=[{编号： ' 2016010101 '，名称： '张思，年龄：'23'}，{no:'2016010102 '，姓名： '赵虎，年龄：'22'}，{no:'2016010103 '，姓名： '李磊，年龄：'24'}，{no:'2016010104 '，姓名： '孙雪，年龄：'21'}，{no:'2016010105 '，姓名： '郝蕾，年龄：'20'}，{no:'2016010106 '，姓名： '朱峰，年龄：'25'}，{no:'2016010107 '，姓名： '升力，年龄：'22'}，{no:'2016010108 '，姓名： '刘华，年龄：'24'}，{no:'2016010109 '，姓名： '京兆，年龄：'20'}，{no:'2016010110 '，姓名： '张峰，年龄： ' 22 ' }]})；/script/head body div ng-app=' table style app ' ng-controller=' table style controller ' table class=' table-table-bordered table-condentiated '和tr th序号/th学号/th姓名/th年龄/th/tr/ad t正文tr ng-repeat=' data in data ' TD { { $ index 1 } }/TD { { data }。no } }/TD TD { {数据。名称} }/TD { {数据。age } }/TD/tr/t body/table/div/body/html 3、实现结果

更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。