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>

标签： angularangular-material

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])}}