javascript - 对 localeString 的角度材料输入未绑定

Question

我正在使用 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
)}
}

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

提前致谢。

标签： javascriptangulartypescriptangular-materialangular11

Answer 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