angular - 如何更改表中值的格式？

Question

我有一个显示以下值的表格:

const COLS = [
  { value: "NumCheck", displayName: '#Check' },
  { value: "Date", displayName: 'Date' },
  { value: "Obj", displayName: 'Object' },
  { value: "Sum", displayName: 'Sum' }
];

我希望 Sum 值以这种格式 #.00 显示。

如果我有这样一个表，该怎么做？

     <table mat-table class="tb" [dataSource]="dataSource">
            <ng-container [matColumnDef]="column.value" *ngFor="let column of allCols;">
                <th mat-header-cell *matHeaderCellDef>
                    {{column.displayName}}
                </th>
                <td mat-cell *matCellDef="let row">
                    {{column.value === 'Date' ? (row[column.value] | date  : 'dd.MM.yyyy, HH:mm'): row[column.value]}}
                </td>
            </ng-container>
            <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
            <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
        </table>

Answer 1

使用数字管道

{{column.value === 'Date' ? (row[column.value] | date  : 'dd.MM.yyyy, HH:mm'): ((column.value === 'Sum') ? (row[column.value] | number:'.2-2'):row[column.value])}}