Angular 2 - 如何使用ReactiveFormGroup在HTML输入标记中管理用户输入

Question

我正努力通过Angular 2的小数点管道获取用户输入值。有没有人有一个优雅的解决方法？我的输入通过FormControlName绑定到FormGroup。

例如，如果用户在输入字段中输入“1000000”，我想将其重新格式化为1,000,000，供用户查看，但在实际控件上仍保留1000000。我正在寻找限制整数值以及小数位数的行为。

Answer 1

要使用可以使用的toLocaleString方法一定的货币格式，例如：

var number = 3500000.78965736437; 

console.log(number.toLocaleString('en-GB', { maximumFractionDigits: 2 })); 

这是一个Javascript方法，

你可以看到所有和本地格式在http://www.localeplanet.com/icu/iso639.html

这里是正在运行的Javascript示例： https://repl.it/KDvD/20

Answer 2

哟可以使用管道

{{ '1000000' | number:'.2'}} 

更多信息https://angular.io/api/common/DecimalPipe