angular表格添加_AngularJS表格添加序号的方法

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

1、问题背景

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

2、实现实例

AngularJS之表格序号

table,th,td{

border-collapse: collapse;

}

table tr:nth-child(even){

background-color: #F7E1B5;

}

table tr:nth-child(odd){

background-color: #F1F1F1;

}

var app = angular.module("tableStyleApp",[]);

app.controller("tableStyleController",function($scope){

$scope.datas = [

{no:"2016010101",name:"张思",age:"23"},

{no:"2016010102",name:"赵虎",age:"22"},

{no:"2016010103",name:"李磊",age:"24"},

{no:"2016010104",name:"孙雪",age:"21"},

{no:"2016010105",name:"郝蕾",age:"20"},

{no:"2016010106",name:"朱峰",age:"25"},

{no:"2016010107",name:"升力",age:"22"},

{no:"2016010108",name:"刘华",age:"24"},

{no:"2016010109",name:"京兆",age:"20"},

{no:"2016010110",name:"张峰",age:"22"}

]

});

序号学号姓名年龄

{{$index+1}}{{data.no}}{{data.name}}{{data.age}}

3、实现结果

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