Angular ng-container ng-template 用法

ng-container本身不創建任何html代碼，相當於一個容器。

　

  <ng-container *ngFor="let item of dataSource;let i=index">
  <div *ngIf="i%2==0">{{item.name}}</div>
  </ng-container>

 

使用 ngTemplateOutlet 指令創建動態模板

<ng-container *ngTemplateOutlet="loading"></ng-container>
<ng-template #loading>
    <div>loading</div>
</ng-template>