本文實例講述了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程序設計有所幫助。

總結

以上是生活随笔為你收集整理的angular表格添加_AngularJS表格添加序号的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。