как l oop динамически вложенный массив с помощью ngFor в angular 7

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 номер для вложенного массива, как распечатайте этот вложенный массив в ng Для динамически я пробовал в angular, он печатает два уровня, только мой код здесь https://stackblitz.com/edit/angular-ivy-z6wpcs

Answer 1

В статье Игра со ссылками на рекурсивные Ng-шаблоны в Angular 6.1.10 точно описано, что вам нужно.