数字格式角管

时间:2019-02-07 23:05:39

标签: angular typescript angular-pipe

我正在寻找一个转换如下的管道,只想舍入2个小数点。

我尝试了[ngModel]="item.value | number number:'1.0-X'",但并非在所有情况下都有效

239.779 > 239.78
0.674 > 0.67
35355.453 > 35355.45

2 个答案:

答案 0 :(得分:1)

您可以使用DecimalPipe

x .x-x minIntegerDigits :小数点前的最小整数位数。默认值为1。

x。 x -x minFractionDigits :小数点后的最小位数。默认值为0。

x.x- x maxFractionDigits :小数点后的最大位数。默认值为3。

对于正好两个小数和十进制前至少一个数字,您可以这样编写:

[ngModel]="item.value | number:'1.2-2'"

或者因为minIntegerDigits的默认值为1:[ngModel]="item.value | number:'.2-2'"

如果您对特定于语言环境的配置感兴趣,可以阅读本文:

答案 1 :(得分:0)

将香蕉绑定到:  事件(ngModelChange)和属性[ngModel]部分 (ngModelChange)=“ Rate1 = $ event” [ngModel] =“ Rate1 | number:'1.2-2'”。

其中1.2-2如下:
十进制表示形式选项,由以下格式的字符串指定: {minIntegerDigits}。{minFractionDigits}-{maxFractionDigits}。

您可以根据需要使用它。

另请参阅- https://stackblitz.com/edit/decimal-pipe-example?file=app%2Fapp.component.html