如何顯示ng-repeat嵌套值

Question

我有以下對象。我怎樣才能顯示具有嵌套值的行？

$scope.mainObj = [{ 
    name: 'a', items : [1,2,3], 
    name: 'b', items : [4,5,6], 
}] 

<table> 
<tr ng-repeat="obj in mainObj"> 
     <td></td> 
</tr> 
</table> 

我希望我的輸出是：

<table> 
    <tr> 
     <td>1</td> 
    </tr> 
    <tr> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>3</td> 
    </tr> 
    <tr> 
     <td>4</td> 
    </tr> 
</table> 

Answer 1

你可以重複table這是有效的HTML tbody。 假設items可以有實體。

HTML

<table> 
    <tbody ng-repeat="obj in mainObj"> 
    <tr ng-repeat="item in obj.items"> 
     <td>{{item }}</td> 
     </tr> 
    </tbody> 
</table> 

---

更新

糾正你的對象結構以及@csschapker的評論建議。

$scope.mainObj = [{name: 'a', items:[1, 2, 3]}, {name: 'b', items: [4, 5, 6]}] 

Answer 2

使用這樣的代碼：

<table> 
<tr ng-repeat="obj in mainObj"> 
    <td ng-repeat="item in obj.items track by $index"> 
    {{item}} 
    </td> 
</tr> 
</table> 

和編輯你的源對象：

$scope.mainObj = [ 
    {name: 'a', items: [1, 2, 3]}, 
    {name: 'b', items: [4, 5, 6]} 
];