Угловой 2 (v6) встроенный, если еще?

Question

Я использую таблицы угловых материалов. И отобразить в таблице список столбцов (displayColumns).

Мне нужно отобразить столбец «день рождения», используя фильтр «дата» ({{element[column] | 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

Вы можете создать свой собственный канал, который проверяет column и отображает element соответственно, или вы можете просто сделать троичную проверку:

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

Answer 2

Попробуйте это:

<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>