javascript - 使用 ng-repeat 和嵌套循环添加行

Question

我正在寻找一种向表中添加行的方法。我的数据结构如下所示:

  rows = [
    { name : 'row1', subrows : [{ name : 'row1.1' }, { name : 'row1.2' }] },
    { name : 'row2' }
  ];

我想创建一个看起来像这样的表:

  table
     row1
     row1.1
     row1.2
     row2

angular js ng-repeat 有可能吗？如果不是，那么这样做的“Angular ”方式是什么？

编辑: 展平数组将是一个糟糕的解决方案，因为如果我可以遍历子元素，我可以在单元格、其他 css 类等中使用不同的 html 标签。

Answer 1

一年多后，但找到了一个解决方法，至少在两个级别(父亲->儿子)。
只需重复 tbody 的:

<table>
  <tbody ng-repeat="row in rows">
    <tr>
      <th>{{row.name}}</th>
    </tr>
    <tr ng-repeat="sub in row.subrows">
      <td>{{sub.name}}</td>
    </tr>
  </tbody>
</table>

据我所知，所有浏览器都支持表格内的多个 tbody 元素。