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

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

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

怎么可能 对象数组[对象，对象，对象] 层次结构示例以获得更多说明

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将在每个对象中给出。

您可以使用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>

---

这个ui组件看起来不错，但问题是我想在子级显示其父级时使用不同的路由显示同一页面\child将不显示