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

あなたは有効なHTMLであるtableの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]} 
];