Angular 2 (v6) 内联 if else？

Question

我使用 Angular Material 表格。并在 table 中显示列列表 (displayedColumns)。

我需要使用 "date" 过滤器 ({{element[column] | date}}) 显示 "birthday" 列，但让其他列保持原样。我怎么说，如果列 =="birthday" 然后应用过滤器 "date"?

<ng-container matColumnDef="{{column}}" *ngFor="let column of displayedColumns">
  <th mat-header-cell *matHeaderCellDef> {{column}} </th>
  <td mat-cell *matCellDef="let element"> {{element[column]}} </td>
</ng-container>

Answer 1

试试看：

<ng-container matColumnDef="{{column}}" *ngFor="let column of displayedColumns">
  <th mat-header-cell *matHeaderCellDef> {{column}} </th>
  <td mat-cell *matCellDef="let element"> {{column === 'birthday' ? (element[column] | date) : element[column]}} </td>
</ng-container>

Answer 2

您可以创建自己的管道来检查 column 并适当地显示 element，或者您可以只进行三元检查：

{{column !== "birthday" ? element[column] : element[column] | date}}

Angular 2 (v6) 内联 if else？

Angular 2 (v6) inline if else?

angular-filters

angular

angular6