Json 如何创建嵌套的ngFor循环以动态更改角度中的对象子对象长度？

我想在我的Angular应用程序中显示文件树。当然，文件树可以在多个级别中有多个子级

下面是我的JSON对象示例：

"root": {
    "element": {
        "displayName": "testFolder",
        "path": "testFolder/",
        "parent": ""
    },
    "children": [{
        "element": {
            "displayName": "folder1",
            "path": "testFolder/folder1/",
            "parent": "testFolder/"
        },
        "children": []
    }, {
        "element": {
            "displayName": "sub_folder",
            "path": "testFolder/sub_folder/",
            "parent": "testFolder/"
        },
        "children": [{
            "element": {
                "displayName": "testDir3",
                "path": "testFolder/sub_folder/testDir3/",
                "parent": "testFolder/sub_folder/"
            },
            "children": []
        }]
    }]
}

---

子属性

可以任意嵌套。我应该如何处理这个问题？

就nested for ngfor而言，您可以使用如下内容：

<template ngFor let-outer [ngForOf]="OuterArray" let-uterIndex="index">
         <template ngFor let-inner [ngForOf]="InnerArray" let-innerIndex="index">
         </template>
    </template>

为了遍历整个文件树，递归地使用它