ng-repeat 指令可以完美的显示表格。

在表格中显示数据

     
 
      
         
        
             
{
   { x.Name }}
             
{
   { x.Country }}
          
       
      
     

使用 CSS 样式

为了让页面更加美观，我们可以在页面中使用CSS：

使用 orderBy 过滤器

排序显示，可以使用 orderBy 过滤器: 

     
        
       
            
{
   { x.Name }}
            
{
   { x.Country }}
         
      
     

使用 uppercase 过滤器

使用 uppercase 过滤器转换为大写: 

     
        
       
            
{
   { x.Name }}
            
{
   { x.Country | uppercase }}
         
      
     

结果如图：

显示序号 ($index)

表格显示序号可以在 <td> 中添加 $index: 

     
        
       
            
{
   { $index + 1 }}
            
{
   { x.Name }}
            
{
   { x.Country }}
         
      
     

结果如图：

使用 $even 和 $odd

     
      
       
        
{
   { x.Name }}
        
{
   { x.Name }}
        
{
   { x.Country }}
        
{
   { x.Country }}
       
      
     

结果如图：

转载地址：http://www.runoob.com/angularjs/angularjs-tables.html