Question

编辑：很抱歉，这已经被问到了 - Adding rows with ng-repeat and nested loop

你如何在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>

Answer 1

您可以使用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>

AngularJS ng-repeat嵌套循环，但是unnested元素

1 个答案: