Question

JSON DATA Format 我有Json文件嵌套数据，数据在array中的数组内部，有些数组在2个数组内部，有些数组有4个，有些文件夹没有ant数组。我想在2,3,4内嵌套2或4时打印所有数组数据。

我使用循环内的for循环按角度打印3个数组数据。我使用3个for循环和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 Time Loop Result 我想要的输出是该程序是否在3,4,7文件夹中打印数组中的数据。我不想一次又一次地使用循环。因此，我想一次将所有json数据数组动态地一次全部打印在文件上。

Answer 1

我相信您需要创建可以通过 @Input字段接受文件夹的组件，并且该组件将显示当前文件夹名称和如果文件夹中有子文件夹文件夹，它将遍历它们，并使用self（相同的组件）显示每个文件夹（通过将每个文件夹通过@Input字段传递到组件）。

通过这种递归，您将不需要手动重复循环。希望有帮助。

在数组所有元素中打印Json嵌套数组

1 个答案: