Javascript 具有角度重复的树表

我们需要根据层次结构显示一些表格数据。例如，列出一个国家及其人口和覆盖面积，以及一些城市。它还可以深入到更深层的层面，比如邻里关系等

Place        Population    Area
---------------------------------
Canada      33,500,000     10,000,000
  Toronto    2,600,000         612
  Montreal   1,300,000         300
USA         317,000,000     9,800,000
  ...          ...             ...
  ...          ...             ...
     ...       ...             ...           
     ...       ...             ... 

---

我尝试使用Angular和ngRepeat创建一个树表来显示这个层次结构，但它不起作用。我还尝试了Brendan Owen提供的这个不错的解决方案，它使用ul和li标记，但当使用table和tr/td标记时，它也不起作用。对于一个表，有可能做到这一点吗？

虽然它不使用HTML表，但您是否签出了

这篇博文也值得一看，因为这里要消化的代码少了一点

如果你想找一个例子，这里有一个例子。 您的html将简单地变成如下内容：

<ui-tree
    ng-model="assets"
    load-fn="loadChildren"
    expand-to="hierarchy"
    selected-id="111"
    attr-node-id="assetId" />

---

该项目提供了良好的角度树和良好的追随者（435+星号）

在这里可以找到这棵树的样本。

对于非角度选项，jquerytreetable确实提供了一个相当简单的实现

每个节点（父节点、子节点或后续子节点）都需要是表中的一个tr元素，需要指定自己的id和父节点的id

<table>
    <tr data-tt-id="1">
        <td>Parent</td>
    </tr>
    <tr data-tt-id="2" data-tt-parent-id="1">
        <td>Child</td>
    </tr>
</table>

父母亲
小孩

这样的基本表格布局对于ng repeat来说并不困难……在plunker或jsfiddle.net中提供一个演示，展示您的问题所在。复杂性将由所需的功能决定