CODEWITHSUNDEEP
angularvalidationangular-materialmaterial-uiangular-reactive-forms
Vegeta
Vegeta

Reputation: 291

Mask Input Currency fields with comma separated format for Angular and Material UI

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.

Upvotes: 0

Views: 934

Answers (1)

Juan Vicente Berzosa Tejero
Juan Vicente Berzosa Tejero

Reputation: 3022

You just need the number pipe:

HTML

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

Upvotes: 0

Related Questions