angular里递归使用

angular里简单递归使用

ddata的数据

  ddata: any = [{
    title: '第一级',
    children: [{
      title: '第二级',
      children: [{
        title: '第三级',
        children: []
      }]
    }]
  }]

html页面

<ng-container *ngIf="ddata.length > 0">
  <ng-container *ngTemplateOutlet="myTpldd; context: {data: ddata}"></ng-container>
</ng-container>
<ng-template #myTpldd let-data="data">
  <div *ngFor="let item of data">
    <div>{{item.title}}</div>
    <ng-container *ngIf="item.children.length > 0">
      <ng-container *ngTemplateOutlet="myTpldd; context: {data: item.children}"></ng-container>
    </ng-container>
  </div>
</ng-template>