angularjs - ng-repeat 用于 3 级以上的深度层次结构

Question

我想知道是否有一个明智的方法 ng-repeat - 多层结构。想象一下这样的数据

• 顶部
  • 中间
  • 1
  • 2
  • 中间
  • 3
  • 4
  • 5
• 顶部
  • 中间
  • 6
  • 中间
  • 7
  • 8
  • 9

然后显示为 HTML 列表意味着 N嵌套循环(这对于固定的 N 来说很简单)。对于表来说，相同的操作并不像所有 <tr> 那样工作。 s 必须处于同一水平。有一个trick employing tbody ，但它只保存一个级别。

对于 2 个级别，使用 ng-repeat-start/end 很简单。对于 3 个级别，我需要一个像这样的不可见行 plunk 。我想知道是否有一个干净的解决方案以及如何将其扩展到 4 个级别(我真的希望我不需要 5 个级别)。

Answer 1

解决方案其实很简单，只要开始

 <tr ng-repeat-start="x1 in list">

重复

<tr ng-repeat-end ng-repeat="x_n_plus_one in x_n">

根据需要多次，并以“结束”

<tr ng-repeat-end ng-if=0>

这确实不像嵌套循环，但是it works .

<小时/>

也就是说，我想我宁愿展平我的列表，因为它使空列表的处理更加灵活和清晰。