本文實(shí)例講述了AngularJS表格添加序號(hào)的方法。分享給大家供大家參考，具體如下：

1、問題背景

AngularJS表格需要序號(hào)，可以利用$index來作為序號(hào)

2、實(shí)現(xiàn)實(shí)例

AngularJS之表格序號(hào)

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"}

]

});

序號(hào)學(xué)號(hào)姓名年齡

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

3、實(shí)現(xiàn)結(jié)果

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。