Javascript Angularjs绑定HTML货币代码

我想过滤和显示HTML货币

因此，我的函数获取代码名并返回匹配的HTML代码：

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

在我的HTML中：

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

{{vm.filterCurrencyCode（nia.CurrencyCode）}

---

但是，页面显示的不是匹配的HTML符号，而是字符串-

“₪”

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

请在此处阅读：

---

请参阅SO答案：

您正在尝试将

HTML

绑定到您的视图，这在默认情况下是不允许的。要实现这一点，您需要使用

sanitize.js

清理输入。确保在项目中包含

sanitize.js

完成后，您需要在应用程序中包含

ngSanitize

模块，如以下代码所示

angular.module（'myApp'，['ngSanitize']）

除了使用
{}
之外，还需要使用
ngbindhtml
将scope对象绑定到视图

您的HTML代码应该如下例所示

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



你可以得到更多关于这方面的详细信息，
也许你需要的东西我已经有了内容类型：text/html；charset=utf-8测试并发布结果。@PSK您的方法是正确的，但在我看来，使用货币过滤器更好。这样，他是未来的证明。任何新的货币代码都将直接生效。使用上述方法，他需要在控制器中不断添加条件，以便更多地返回正确的代码。测试并发布结果。您应该使用这种方法来证明未来的正确性