javascript - 如何在角度 7 中使用 ngFor 循环动态嵌套数组

Question

我的嵌套数组不是固定的。它可以是每个级别中的 n 个数组

我的 JSON 对象会像

[{
    "name": "l-1",
    "sub": [{
        "name": "test-1",
        "sub": []
      },
      {
        "name": "test-2",
        "sub": []
      },
      {
        "name": "test-3",
        "sub": [{
          "name": "test-3.1",
          "sub": []
        }]
      },
      {
        "name": "test-4",
        "sub": [{
            "name": "test-4.1",
            "sub": []
          },
          {
            "name": "test-4.2",
            "sub": [{
              "name": "test-4.2.1",
              "sub": [{
                "name": "test-4.2.2",
                "sub": []
              }]
            }]
          }
        ]
      }
    ]
  },
  {
    "name": "l-2",
    "sub": []
  },
  {
    "name": "l-3",
    "sub": []
  }
]

所有人都sub将有n嵌套数组的编号如何在 ngFor 中动态打印这个嵌套数组我尝试在角度它打印两个级别只有我的代码在这里https://stackblitz.com/edit/angular-ivy-z6wpcs

标签： javascriptangular

Answer 1

文章Playing With Recursive Ng-Template References In Angular 6.1.10准确地描述了你需要什么。