将mat-table中的小数位限制为2

问题描述 投票:0回答:1

我想使用十进制管道来限制我的mat表中的十进制数字。您能告诉我该怎么做吗?

我的桌子:

enter image description here

我的代码:

// html
 <ng-container [matColumnDef]="column.attribute">
            <mat-header-cell id="custom-header-cell" *matHeaderCellDef>
              <div>
                {{ column.name }}
              </div>
            </mat-header-cell>
            <mat-cell id="custom-content-cell" *matCellDef="let row">
              <span class="mobile-label">{{column.mobile}}</span>
              {{ column.object !== null ? row[column.object][column.attribute] : row[column.attribute] }}
            </mat-cell>
          </ng-container>

// ts
  private monthColumns = [
    { attribute: '1', name: 'Januar', mobile: 'Januar:', object: 'values' },
    { attribute: '2', name: 'Februar', mobile: 'Februar:', object: 'values' },
    { attribute: '3', name: 'März', mobile: 'März:', object: 'values' },
    { attribute: '4', name: 'April', mobile: 'April:', object: 'values' },
    { attribute: '5', name: 'Mai', mobile: 'Mai:', object: 'values' },
    { attribute: '6', name: 'Juni', mobile: 'Juni:', object: 'values' },
    { attribute: '7', name: 'Juli', mobile: 'Juli:', object: 'values' },
    { attribute: '8', name: 'August', mobile: 'August::', object: 'values' },
    { attribute: '9', name: 'September', mobile: 'September:', object: 'values' },
    { attribute: '10', name: 'Oktober', mobile: 'Oktober:', object: 'values' },
    { attribute: '11', name: 'November', mobile: 'November:', object: 'values' },
    { attribute: '12', name: 'Dezember', mobile: 'Dezember:', object: 'values' }
  ];
angular angular-material angular-pipe mat-table
1个回答
0
投票

您可以使用内置的decimal管道。尝试以下]]

decimal
© www.soinside.com 2019 - 2024. All rights reserved.