如何在嵌套级别不受限制的情况下显示对象的动态嵌套子数组对象

Question

我有一个对象数组，每个对象都有子属性，这也是一个对象，该对象也有子属性，这也是一个对象，还包括子属性，这也是一个对象等等......

有些对象有子对象

，有些没有子对象（即子对象：数组[0]）我想使用动态路由在单个页面上动态显示它们。例如，首先我将显示对象列表，然后如果任何对象有子对象，那么该孩子将在同一页面上看到，但在按钮单击（即 ng-click）时使用不同的路由

怎么可能对象数组 [对象、对象、对象]层次结构示例以提供更多说明

0: Object
1: Object
       children: Array[3]
           1: Object
           2: Object
2: Object
        children: Array[3]
           1: Object
                   children: Array[3]
                            1: Object
                            2: Object
                            3: Object
3: Object
4: Object

父 ID 将在每个对象中给出。

Answer 1

您可以使用

Angular UI 树指令。

https://jimliu.github.io/angular-ui-tree/

如果要创建自定义指令，可以在 ng-repeat 中使用递归模板。

像这样的东西

<script type="text/ng-template" id="children_renderer.html">
{{data.label}}
    <ul>
        <li ng-repeat="children in data.childrens" ng-include="'children_renderer.html'"></li>
    </ul>
</script>
<ul ng-controller="NestedFormCtrl">
    <li ng-repeat="child in childData" ng-include="'children_renderer.html'"></li>
</ul>