mat-cell Angular 8 中的 if else

Question

<ng-container matColumnDef="tipalabra">
<mat-header-cell *matHeaderCellDef mat-sort-header> Tipo palabra</mat-header-cell>
<mat-cell *matCellDef="let row"> {{row.tipalabra}} </mat-cell>

row.tipalabra returns 或 T 或 E，如果是 T 我希望它把 "Text" 放在 mat-cell 中，如果是 E "Expression"

我已经看到了如何做到这一点，只有例子出现在 if 而不是 else

Answer 1

<mat-cell *matCellDef="let row">
    {{row.tipalabra == 'T' ? 'Text' : 'Expression'}}
</mat-cell>

Answer 2

可以试试用模板添加吗

<ng-container matColumnDef="tipalabra">
      <mat-header-cell *matHeaderCellDef mat-sort-header> Tipo palabra</mat-header-cell>
      <ng-container *matCellDef="let row">
        <mat-cell *ngIf="(<your condition>); else <yourElseTag>"><your Text></mat-cell>
      </ng-container>
      <ng-template #yourElseTag><Your Expression></ng-template>
    </ng-container>

我不确定，但从逻辑上讲这听起来可行！

mat-cell Angular 8 中的 if else

An if else in a mat-cell Angular 8

if-statement

mat

angular