Ebenezar Ebenezar - 4 months ago 24
Javascript Question

How to get specific currency symbol(rupee symbol in my case) in angular js instead of the default one (dollar $ symbol)

When i use 'currency' in angular js, I am getting a dollar symbol. How to get required currency symbols based on the requirements. As if now i need to know how to display a rupee symbol using currency. It will be of great use if anyone could explain how to make use of this currency for different symbols at the times of different requirements.

sample :

Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>


If my item.price is 200. Here it shows 200$. I need to display rupee symbol instead of dollar.

Answer

To display currency symbol in angular js you need provide HTML entity for currency symbols below are the examples and usage in through code and in template :

Inside your Template example of Euro:

Item Price<span style="font-weight:bold;">{{price | currency:"&euro;"}}</span>

example of Rupee:

Item Price<span style="font-weight:bold;">{{price | currency:"&#8377;"}}</span>

Also check below url

http://www.cs.tut.fi/~jkorpela/html/euro.html

From controller :

Inject $filter in your controller

$scope.price=$filter('currency')($scope.price,'&euro;')