Currency Symbol

mumfie · March 7, 2019, 8:08pm

Hi RadZen,
How do we change the currency settings. In the UK the PC has control panel>regional settings set to £ but grid is showing as $.

enchev · March 8, 2019, 6:52am

Hi @mumfie,

You are right unfortunately - it's because of this:

github.com/angular/angular

Currency Pipe: Be able to set/change the default currency.

opened 01:51PM - 13 Aug 18 UTC

closed 05:57PM - 13 Jan 20 UTC

agusdutra

feature area: common

## I'm submitting a... <pre><code> [ ] Regression (a behavior that used to w…ork and stopped working in a new release) [ ] Bug report [ ] Performance issue [X ] Feature request [ ] Documentation issue or request [ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question [ ] Other... Please describe: </code></pre> ## Current behavior When using CurrencyPipe if you want to show a different currency than US Dollars, you have to set explicitly every time that you use the pipe in the templates. ` {{ 1200.18 | currency }} ` **Output:** $ 1,200.18 ` {{ 1200.18 | currency:'GBP' }} ` **Output:** £1,200.18 ## Expected behavior Be able to set in the root module, the default currency that you want to use using `provide: CURRENCY_ID` The currency symbol that is going to show by default when no currency is specified in the template, is the one defined in the loaded locale for that currency code. For Example: **app.module.ts:** ``` providers: {provide: CURRENCY_ID, useValue: 'GBP'}] ``` **component.html:** ``` {{1200.18 | currency }} ``` If I'm using `LOCALE_ID = 'en'` **Output**: £1,200.18 If I'm using `LOCALE_ID = 'es'` **Output**: 1.200,18 GBP ## Minimal reproduction of the problem with instructions ## What is the motivation / use case for changing the behavior? I'm developing an application for a country where the Locale that we use, uses the symbol US$ for dollars. So every time you use {{ 1200.18 | currency }} it outputs: US$ 1.200,18. And we don't want to use dollars. We have a lot of currency outputs to display in our local currency (pesos, $) and found that expliciting it in every place we use, was not the best way to go. We found a way of working this around, but for sure it's not the best option, I think this feature request would be a more suitable option. What we did was change that 'US$' symbol for dollars: ``` const currencySymbols = localeUy[LocaleDataIndex.Currencies]; currencySymbols['USD'] = ['$', '$']; // Previous value was : ['US$', '$'] registerLocaleData(localeUy, 'en'); ``` That way, we could without expliciting in the templates the currency, show the code $ for currencies with the locale 'es-UY' ## Others: Issue associated with the request: https://github.com/angular/angular/issues/22519

You can use template to define the symbol you want - in this case:

Best Regards,
Vladimir

mumfie · March 8, 2019, 9:59am

Hi @enchev,
Thanks you for looking into it and the fix.