AngularJS NG-重复嵌套循环，但嵌套的元素

编辑：对不起这已经是问 - Adding rows with ng-repeat and nested loop AngularJS NG-重复嵌套循环，但嵌套的元素

如何在AngularJS做到这一点？

foreach(var item in items) {     <-- How to do this loop 

    <tr><td>{{item.Name}}</td></tr> 

    foreach(var subitem in item.subitems) { <-- AND this loop? 

    <tr class='sub'><td>{{subitem.Name}}</td></tr> 

    } 
}

注意，<tr>元件是不嵌套。

可能的预期结果：

<tr><td>Item 1</td></tr> 
<tr class='sub'><td>Item 1.1</td></tr> 
<tr class='sub'><td>Item 1.2</td></tr> 
<tr><td>Item 2</td></tr>

来源

2015-04-27 Aximili

我想创建一个包含使用JavaScript的所有行的数组代码在控制器中，并在视图中使用单个ng-repeat。 –

[用ng-repeat和嵌套循环添加行]可能的重复（http://stackoverflow.com/questions/15362868/adding-rows-with-ng-repeat-and-nested-loop） –

为什么你不考虑'ng-repeat'在这里使用 –

你可以做到这一点使用tbody元素作为第一ng-repeat容器，就像这样：

<table> 
    <tbody ng-repeat="item in items"> 
    <tr><td>{{item.Name}}</td></tr> 
    <tr class="sub" ng-repeat="subitem in item.subitems"> 
     <td>{{subitem.Name}}</td> 
    </tr> 
    </tbody> 
</table>

来源

2015-04-27 06:52:30 jmustonen

AngularJS NG-重复嵌套循环，但嵌套的元素

回答

相关问题