javascript - child 里面 Angular child

Question

我对 angularJs 中的递归有疑问。

我想重复 JSON 文件中的所有名称: 这是我的 JSON 文件结构:

var data = {
    "id": "580",
    "name": "test",
    "status": "ACTIVE",
    "parentId": null,
    "children": [
        {
            "id": "581",
            "name": "test 2",
            "status": "ACTIVE",
            "parentId": "580",
            "children": [{
                "id": "594",
                "name": "test 3",
                "status": "ACTIVE",
                "parentId": "581",
                "children": []
            }]
        }
    ]
}

我只想知道如何让 ng-repeat children in children？

Answer 1

您应该使用 ng-template 以便递归使用它。

<script type="text/ng-template" id="exampleTree">
{{ x.name }}
    <ul ng-if="x.children">
        <li ng-repeat="x in x.children" ng-include="'exampleTree'">           
        </li>
    </ul>
</script>

要使用此模板并运行它:

<ul>
    <li ng-repeat="x in data" ng-include="'exampleTree'"></li>
</ul> 

JSFiddle here