unable to insert html code inside filter?

Question

Angualr JS code:

$scope.rupee = $filter('currency')($scope.dols * 67.33, 'INR', 3);

I am trying to insert html code inside this filter. That is instead of 'INR', I wish to get ₹ symbol. Please help me to solve this. And the problem is not getting the ₹ through filter. Instead of 'INR', I want to use &#8377 but it's not rendering as I expected.

html code:

<div>{{rupee}}</div>

Possible duplicate of [HTML code for INR](http://stackoverflow.com/questions/3430242/html-code-for-inr) — Phil, Jul 26 '16 at 10:59
I want to get the symbol from $filter. If I use ₹ in filter instead of 'INR', It's not working. Also it wouldn't work — Mr_Perfect, Jul 26 '16 at 11:05

Romesh · Accepted Answer · 2016-07-27T07:18:53.717

2

Modify your statement to

$scope.rupee = $filter('currency')($scope.dols * 67.33, '\u20B9', 3);

As you asked, "Can we write HTML code inside symbolFormat parameter?" Answer will be below:

It takes a string parameter, so whatever string you are providing, it will be used to apply as currency symbol

For reference you can check Here

edited Jul 27 '16 at 07:18

answered Jul 26 '16 at 11:35

Romesh

2,291
3
24
47

Thank you. :D :D ... It's working..... Can we write html inside filter? – Mr_Perfect Jul 26 '16 at 11:39

daan.desmedt · Answer 2 · 2016-07-26T11:39:36.653

You can try like this:

{{ currency_expression | currency : symbol : fractionSize}}

$scope.rupee = $filter('currency')($scope.dols * 67.33, '₹', 3);

See all use cases (currency symbol & sign - in controller & directly on view):

<div ng-app ng-controller="RupeeCtrl">
    <b>From controller with sign</b><br/>
    {{rupeeSign}}
    <br/><br/>
    <b>From controller with code</b><br/>
    {{rupeeCode}}
    <br/><br/>
    <b>From view</b><br/>
    {{ price | currency:'&#8377;'}}      
</div>

function RupeeCtrl($scope, $filter) {
    $scope.price = 75.255;
    $scope.rupeeSign = $filter('currency')($scope.price, '₹', 3);
    $scope.rupeeCode = $filter('currency')($scope.price, '\u20B9', 3);
}

JSFiddle

Mixed with answer from @Romesh Jain

If I copy the symbol, it works fine. But If there is no way to get symbol by html inside filter, Why to mention an argument 'symbol' in the 'currency' filter? — Mr_Perfect, Jul 26 '16 at 11:27

score 0 · Answer 3 · edited May 23 '17 at 12:32

0

This looks like a duplicate question to this: How to get specific currency symbol(rupee symbol in my case) in angular js instead of the default one (dollar $ symbol)

Just use this ASCII code for the Rupee symbol: ₹

See the ASCII code here: http://www.fileformat.info/info/unicode/char/20b9/index.htm

edited May 23 '17 at 12:32

Community

1
1

answered Jul 26 '16 at 11:06

Nikolai

198
1
14

No. not at all. I just want to get it through the html code inside a filter – Mr_Perfect Jul 26 '16 at 11:10
1

well why can't you use the accepted answer from the link above and do something like this: `
{{rupeeAmount | currency:"₹"}}
`. Why do you have to set it in the code? – Nikolai Jul 26 '16 at 11:14
This is my task to accomplish for today. Can we write html code inside filter? – Mr_Perfect Jul 26 '16 at 11:18
If there is no way to get symbol by html inside filter, Why to mention an argument 'symbol' in the 'currency' filter? – Mr_Perfect Jul 26 '16 at 11:22

unable to insert html code inside filter?

3 Answers3

Linked