屏蔽 Angular 和 Material UI 的逗号分隔格式的输入货币字段

Question

For our Angular 9 application we have currency input fields that need to show a standard masked label with comma separated format.

So when the user inputs 56000.55 in the input field then on blur event we should display 56,000.55 as comma separated masked label without changing the original value of the control. We are using Angular Reactive Forms with Mat Form Fields for this UI change.

Answer 1

You just need the number pipe :

HTML

{{ 56000.55 | number }}
//56,000.55