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>

猜你喜欢

转载自www.cnblogs.com/mlh1421/p/11582413.html