无法在过滤器中插入HTML代码？

Question

Angualr JS代码：

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

我正在尝试在此过滤器中插入html代码。那不是'INR'，我希望得到₹符号。请帮我解决这个问题。问题是没有获得₹过滤器。而不是'INR'，我想使用＆amp;＃8377，但它不像我预期的那样呈现。

HTML代码：

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

Answer 1

将您的陈述修改为

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

正如您所说，“我们可以在symbolFormat参数中编写HTML代码吗？” 答案如下：

它需要一个字符串参数，因此无论您提供什么字符串，它都将用作货币符号

For reference you can check Here

Answer 2

您可以尝试这样：

  

{{currency_expression |货币：符号：fractionSize}}

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

查看所有用例（货币符号和签到控制器＆amp;直接在视图上）：

<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

与@Romesh Jain的回答混合

Answer 3

这看起来像是一个重复的问题：How to get specific currency symbol(rupee symbol in my case) in angular js instead of the default one (dollar $ symbol)

只需将此ASCII码用于卢比符号：₹

请在此处查看ASCII代码：http://www.fileformat.info/info/unicode/char/20b9/index.htm