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>
posted @ 2019-09-25 09:15  liliyou  阅读(1812)  评论(0编辑  收藏  举报