Formatting Currency in a Lightning Component

Question

I currently have a lightning component that is displaying variables that hold currency values.

The issue I am having is that I would like to format the currency with commas in the UK format meaning $3250.00 displays with commas --> $3,250.00 (and all other subsequent commas).

I have attempted this solution, both using the js override format and the below example example without luck:

<aura:attribute name="myCurr" type="Decimal" default="50000"/>
<ui:outputCurrency aura:id="curr" value="{!v.myCurr}"/>

What am I doing wrong? Here is my sample code below:

<aura:attribute name="GrossRevenuevalue" type="currency" default="0.00" />

<div class="slds-truncate" style="currency" title="Gross Revenue value"> {!v.GrossRevenuevalue}

Added under function

var recId = component.get("v.recordId");
var curr  = cmp.find("curr");
curr.set("v.GrossRevenuevalue", '$#,###.00');

Answer 1

You have to use format attribute of ui:outputCurrency.

your currency field will be like:

<aura:attribute name="GrossRevenuevalue" type="Decimal" default="3250.00" />
Your amount is : <ui:outputCurrency aura:id="curr" value="{!v.GrossRevenuevalue}" format="$##,##,###,###.00"/>

£ or $ depending on currency you wanna use.

Source: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_ui_outputCurrency.htm

Answer 2

For me a hardcoded locale-specific format always seems odd. Some users might switch their locale to France or German for example and it would be nice that the component supports that.

If you are showing an fieldvalue you could try lightning:outputField

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_lightning_outputField.htm

Answer 3

"¤#,##0.00" ¤ represents the currency sign, which is replaced by the currency symbol.

please check with this link. https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/expr_locale_value_provider.htm

Answer 4

You need to provide the format in ui:outputCurrency itself.