Angular 管道，自定义小数

Question

有

let myNumber = Math.PI;
let myPrecision = 4;

如何使用 myPrecision 显示 myNumber？

<label> {{ myNumber | ???myPrecision }} </label>

Answer 1

一个不太优雅但解决方案可能是

<div> {{ myNumber | number: '1.' + myPrecision + '-' + myPrecision + }} </div>

PS.
在 Joosep 的 suggestion 之后，我做了一个自定义管道，像这样

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'precision' })
export class PrecisionPipe implements PipeTransform {
  transform(value: number, precision: number): string {
    return value.toFixed(precision);
  }
}

现在我可以使用

<div> {{ myNumber | precision: myPrecision }} </div>

Angular 管道，自定义小数

Angular pipe, custom decimal numbers

angular

kendo-ui

kendo-angular-ui