Can I remove .00 if there are no cents in the amount using angular's currency filter?

Question

budget:number=50000;
{{budget | currency:'USD':true}}

The above code displays the budget like this

$50,000.00

But I want it to display like this

$50,000

Answer 1

From the Currency Pipe docs the third option uses the same format as the Decimal Pipe :digitInfo

So you can use:

{{budget | currency:'USD':'symbol':'1.0'}}

Plunker example

Edit: Jota.Toledo pointed out that you could display the cents if they're available with

{{budget | currency:'USD':true:"1.0-2"}}

Edit: Thanks to Abhay Naik for drawing attention to the v5 deprecated parameters.

Answer 2

{{budget| currency : 'USD' : 'symbol' : '1.0-0' }}