In our app we are using angular for i18n/l10n. It's working fine.
There's a problem though - sometimes the user needs to see info aligned with a locale, different from the current one. More specific - currency. E.g. - the user's locale is de-de and they open a catalog with item prices that are in US dollars. Of course, I can specify the currency symbol explicitly:
{{item.Price.Value | currency : "$" : 2 }}
but this is not a very graceful solution, because the user will see:
349,99 $
which is not the correct formatting. The correct one would be:
$349.99
So, I don't want to just change the currency symbol, but to change the whole currency formatting for a specific field and leave the remaining on the page localized according to the current locale.
Is it possible with the Angular currency filter or should I use my own custom filter?
After looking through the source code, I determined that Angular is using 'undefined' as the parameter trigger for the filter using default local currency. (see around line 14370 in Angular 1.2.15)
Thus, when chaining filters, you can get that default value by providing undefined as the parameter.
For you, the following should give you what you want:
{{item.Price.Value | currency : undefined : 2 }}
That being said, 2 decimal places, which is what you have specified here, IS the Angular default. You'd also get 2 decimal places with the following filter:
{{item.Price.Value | currency}}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments