ng-repeat 用于 3+ 层深层次结构

maa*_*nus 3 nested-loops angularjs angularjs-ng-repeat

我想知道ng-repeat在多级结构中是否有一种理智的-ing方式。想象一下这样的数据

  • 最佳
    • 中间
    • 1
    • 2
    • 中间
    • 3
    • 4
    • 5
  • 最佳
    • 中间
    • 6
    • 中间
    • 7
    • 8
    • 9

然后显示为 HTML 列表意味着N嵌套循环(这对于固定 来说很简单N)。表的相同不起作用,因为所有<tr>s 必须在同一级别。有一个技巧使用tbody,但它只保存一个级别。

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

maa*_*nus 5

解决方法其实很简单,直接从

 <tr ng-repeat-start="x1 in list">
Run Code Online (Sandbox Code Playgroud)

重复

<tr ng-repeat-end ng-repeat="x_n_plus_one in x_n">
Run Code Online (Sandbox Code Playgroud)

根据需要多次并以

<tr ng-repeat-end ng-if=0>
Run Code Online (Sandbox Code Playgroud)

它真的不像嵌套循环,但它有效


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