Format long number to currency (Angular)

Question

In my Angular 2.0 app I get prices from webapi and i need to format them again for example :

This is what i get from webapi : 40260000 as a price and i need to format it to 40.260 HUF which is Hungarian currency.

I tried some solutions but it seems that i missed something for example :

 console.log(this.flatOffer.Price.toLocaleString('hu-HU'));

or

console.log(new Intl.NumberFormat('hu-HU').format(this.flatOffer.Price));

I appreciate any hint.

Answer 1

If you're displaying the currency in a view, I would look into the Angular Currency Pipe .

Also look at the Angular Decimal Pipe to understand the second portion of formatting in the Currency Pipe.

You can pipe your expression similarily:

{{myCurrencyValue | currency:'HUF':false:'1.3-3'}}

Note: This may not be exactly what you want in terms of the decimal formatting, but it should give you a good idea as to how you can format the currency.