等待Angular 8中的递归For循环

// 递归组件
@Component({
  selector: 'recursive-component',
  template: `
    <div *ngFor="let item of items">
      {{ item.name }}
      <recursive-component *ngIf="item.children" [items]="item.children"></recursive-component>
    </div>
  `
})
export class RecursiveComponent {
  @Input() items: any[];
}

// 使用递归组件
@Component({
  selector: 'app-root',
  template: `
    <recursive-component [items]="data"></recursive-component>
  `
})
export class AppComponent {
  data = [
    {
      name: 'Item 1',
      children: [
        {
          name: 'Item 1.1',
          children: [
            {
              name: 'Item 1.1.1',
              children: []
            }
          ]
        },
        {
          name: 'Item 1.2',
          children: []
        }
      ]
    },
    {
      name: 'Item 2',
      children: []
    }
  ];
}