AngularJS表格添加序号的方法

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

1、问题背景

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

2、实现实例

  
    
    
    
    
    
      table,th,td{
 border-collapse: collapse;
      }
      table tr:nth-child(even){
 background-color: #F7E1B5;
      }
      table tr:nth-child(odd){
 background-color: #F1F1F1;
      }
    
    
  
  
    
      

 

   

     
序号
     
学号
     
姓名
     
年龄
   
 
 

   

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

3、实现结果

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

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