使用双精度角度格式化数字答案

【问题标题】：format a number with double precision angular使用双精度角度格式化数字
【发布时间】：2019-03-07 08:04:29
【问题描述】：

我需要在输入表单中加载一个数字，但是格式化数字时出现了一些问题。详细数字可以是：

1.99
15.00
230.88
2,999.00
etc

我使用这个代码：

 [ngModel]="price |  number : '1.2-2' "

但它给了我这个警告：

The specified value "1,333.00" is not a valid number.

我使用 Angular 6。任何人都可以帮助我吗？

【问题讨论】：

试过去掉逗号吗？
@ShubhamJain 它不一样，因为当我在输入字段中写完后输入数字时，它会消失并给我警告

标签： angular angular6 angular-pipe

【解决方案1】：

第一个问题是由逗号引起的。由于任何其他原因，另一个问题是number : '1.2-2' 不采用逗号前大于 3 位的值。

我创建了一个stackblitz 来展示一个可能的解决方案：

<input type="number" [ngModel]="price | toNumber "/>

使用自定义管道替换 , 并确保 number : '1.2-2' 仍然有效。您可以根据需要扩展它以解决任何问题。

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

@Pipe({
  name: 'toNumber'
})
export class ToNumberPipe implements PipeTransform {
  transform(value: string):any {
    let retNumber = parseFloat(parseFloat(value.replace(/,/g, '')).toFixed(2))
    return isNaN(retNumber) ? 0 : retNumber;
  }
}

自定义管道解决方案的优势：您可以自定义您的行为。 number : '1.2-2' 不幸的是对数字进行了四舍五入，更糟糕的是，文档中没有关于它的消息（在这个答案的 cmets 中找到：https://stackoverflow.com/a/38478060/3623608）

【讨论】：