Ограничены десятичные разряды до 2 в мат-таблице

Question

Я хотел бы использовать десятичную трубу, чтобы ограничить десятичные числа в моей таблице матов. Подскажите, пожалуйста, как это сделать?

Мой стол:

Мой код:

// 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' }
  ];

Answer 1

Вы можете использовать встроенную decimal трубу. Попробуйте следующее

<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] | number:'1.1-2' }}
</mat-cell>

number:'1.1-2' - Объяснение

Из документов:

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

• minIntegerDigits: минимальное количество целых цифр перед десятичной точкой. По умолчанию 1.
• minFractionDigits: минимальное количество цифр после десятичной точки. По умолчанию 0.
• maxFractionDigits: максимальное количество цифр после десятичной точки. По умолчанию 3.

Так что в этом случае показывайте минимум 1 di git перед десятичной точкой. И минимум 1 ди git и максимум 2 цифры после десятичной точки.