Question

我想过滤并显示HTML币种codes。

所以我的函数获取代码名称并返回匹配的HTML代码：

            vm.filterCurrencyCode = function(currncey){
                console.log(currncey);
                if( currncey ===  ''|| angular.isUndefined(currncey)){
                    return '&#8362'; // default
                }
                else if(currncey == 'USD' || currncey == 'CAD'){
                    return '&#036;'; //usd
                }
                else if(currncey == 'GBP' || currncey == 'GBp'){
                    return '&#163;'; //gbp
                }else{
                    return currncey; //return name
                }
            }

在我的HTML中：

<td data-toggle="collapse" href="#collapse{{$index}}">{{vm.filterCurrencyCode(nia.CurrencyCode)}}</td>

但是，不是匹配的HTML符号，页面显示的是字符串 - '&#8362'。

Answer 1

您正尝试将HTML绑定到您的视图，默认情况下不允许。为此，您需要使用sanitize.js清理输入。确保在项目中包含sanitize.js。

完成后，您需要在应用中加入ngSanitize模块，例如以下代码

angular.module('myApp', ['ngSanitize']);

并且使用{{}}时，您需要使用ng-bind-html将范围对象绑定到您的视图。

您的HTML代码应如下所示

<td data-toggle="collapse" href="#collapse{{$index}}" 
    ng-bind-html="vm.filterCurrencyCode(nia.CurrencyCode)"></td>

您可以详细了解here和here

Answer 2

您可以使用货币过滤器执行此操作。

在此处阅读：Currency filter

参考SO答案：How to get specific currency symbol(rupee symbol in my case) in angular js instead of the default one (dollar $ symbol)

Angularjs绑定HTML货币代码

2 个答案: