Распечатать Json Nested Array в Array все элементы

Question

Формат данных JSON У меня есть вложенные данные JSON-файла, данные находятся внутри массива в массиве, и некоторые массивы имеют внутри 2 массива, а некоторые имеют 4, а в некоторых папках нет массива ant. Я хочу напечатать все данные массива, если внутри 2,3,4 и вложенных 2 или 4.

Я печатаю 3 массива данных в угловом формате, используя цикл for внутри цикла. Я использую 3 для цикла и 3 раза печать данных

 <ul *ngFor="let bird of parts_">
     <li>{{bird.name}}</li>
     <li [ngStyle]="{'color': bird.type == 'folder' ? 'red' : 'green'}"> 
        {{bird.type}}</li>
     <ul *ngFor="let item of bird.items">
       <li>{{item.name}}</li>
       <li >
       <ul *ngFor="let item1 of item.items">
         <li>{{item1.name}}</li>

         <ul *ngFor="let item2 of item1.items">
           <li>{{item2.name}}</li>
         </ul>
       </ul>
      </li>
     </ul>

</ul> 

3 Результат цикла времени Я хочу, чтобы вывод этой программы для печати данных в массиве, если есть 3,4,7 папки. я не хочу использовать цикл снова и снова. Поэтому я хочу распечатать весь массив данных JSON в файле за один раз все динамически.

Answer 1

Я считаю, что вам нужно создать компонент, который принимает папку через поле @Input, и этот компонент отобразит имя текущей папки и , если в папке есть дочерние папки он будет перебирать их и будет использовать self (тот же компонент) для отображения каждой отдельной папки (путем передачи каждой папки компоненту через поле @Input).

При такой рекурсии вам не нужно будет повторять свои циклы вручную. Надеюсь, это поможет.