对 localeString 的角度材料输入未绑定答案

【问题标题】：Angular material input to localeString isn't binding对 localeString 的角度材料输入未绑定
【发布时间】：2021-07-25 18:39:17
【问题描述】：

我正在使用 angular material 11.2 并且有一个要求，我试图将输入的字符串转换为美元。

我已经尝试了以下，

<input matInput formControlName="test" (onkeyup)="onKeyUpTest($event)" type="text">

onKeyUpTest(event){
var localNum = event.target.value.toLocaleString('en-US');
this.formGroup.patchValue({
'test': localNum
)}
}

这是绑定值但没有逗号。非常感谢任何帮助。

提前致谢。

【问题讨论】：

标签： javascript angular typescript angular-material angular11

【解决方案1】：

您可以使用 Intl.numberFormat 函数。

console.log(new Intl.NumberFormat('en-us', { style: 'currency', currency: 'USD' }).format(number));

输出："$123,456.79"

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

【讨论】：

这会将值转换为美元，但现在不会在更改时将值绑定回 HTML
你能创建代码的stackBlitz链接吗？