angular recursive ngFor

angular recursive ngFor.html

<ul>
  <ng-container *ngTemplateOutlet="recursiveList; context: { list: dataSource.data }"></ng-container>
</ul>

<ng-template #recursiveList let-list="list">
  <li *ngFor="let item of list">
    <div *ngIf="item">
      {{ item | json }}
      <span>
        {{ item.name }}
      </span>
      <ul *ngIf="item.children && item.children.length > 0">
        <ng-container *ngTemplateOutlet="recursiveList; context: { list: item.children }"></ng-container>
      </ul>
    </div>
  </li>
</ng-template>