条件使用 ngTemplateOutlet && ng-template 忽略

Question

我有条件使用显示/不显示我的数据。这段代码有两个问题:

1. 如果条件[ngIf]="df == 'srCreationDate'"为假，则对数据没有影响(就像没有条件一样)

2. 我必须迭代循环只一次，但当我添加| slice:0:1管道时，没有出现

   <ng-template #titleCreationDate>
   <div mat-sort-header="srCreationDate"></div>
   </ng-template>
   <ng-container *ngFor="let df of dynamicFields ">
   <ng-container [ngIf]="df == 'srCreationDate'" *ngTemplateOutlet="titleCreationDate"></ng-container></ng-container>
   

Answer 1

下面是你应该使用的正确模板代码:

<ng-template #titleCreationDate>
<div mat-sort-header="srCreationDate"></div>
</ng-template>
<ng-container *ngFor="let df of dynamicFields ">
<ng-container *ngIf="df === 'srCreationDate'">
<ng-container *ngTemplateOutlet="titleCreationDate">
</ng-container>
</ng-container>
</ng-container>

StackBlitz.