如何填充表格元素中的數據？

Question

我想顯示角框架

內表中的數據在我的HTML

<table class='table'> 
     <tr> 
      <th ng-repeat='test in tests'>{{test.name}}</th> // it shows correctly... 
     </tr> 
      <tr ng-repeat=''> //not sure what to do here... 
       <td>Item</td><td>Item</td><td>Item</td><td>Item</td> 
      </tr> 
</table> 

控制器

.controller('BoxCtrl', ['$scope', function ($scope) { 
    $scope.tests = [ 
     {'name':'header1', 
     'items': 
      [ 
       {'name':'Item 1', 'link':'1'}, 
       {'name':'Item 2', 'link':'2'}, 
       {'name':'Item 3', 'link':'3'} 
      ] 
     }, 
     {'name':'header2', 
     'items': 
      [ 
       {'name':'Item 1', 'link':'i1'}, 
       {'name':'Item 2', 'link':'i2'} 
      ] 
     }, 
     {'name':'header3', 
     'items': 
      [ 
       {'name':'Item 1', 'link':'i1'}, 
       {'name':'Item 2', 'link':'i2'} 
      ] 
     }, 
     {'name':'header4', 
     'items': 
      [ 
       {'name':'Item 1', 'link':'I1'}, 
       {'name':'Item 2', 'link':'I2'}, 
       {'name':'Item 3', 'link':'I3'}      
      ] 
     } 
    ]; 
}]); 

我在TH沒有問題，顯示的數據，但不知道如何申請HG-在tr和td中重複。任何人都可以給我一個提示嗎？非常感謝！

Answer 1

你可以做這樣的事情：

例子：

<div ng-app="App" ng-controller="ctrl" > 
<table class='table'> 
     <tr> 
      <th ng-repeat='test in tests'>{{test.name}}</th>  
     </tr> 
      <tr ng-repeat='itemsColl in tests'> 
       <td ng-repeat="item in itemsColl.itemsRow">{{item.name}}</td> 
      </tr> 
</table> 
</div> 

活生生的例子：http://jsfiddle.net/choroshin/4mD86/

也在這個計算器answer你可以找到動態創建表

更多信息