Javascript AngularJS货币过滤器-欧元
我正在使用AngularJS货币过滤器,但无法正确显示欧元符号 HTML:Javascript AngularJS货币过滤器-欧元,javascript,html,angularjs,angular-filters,Javascript,Html,Angularjs,Angular Filters,我正在使用AngularJS货币过滤器,但无法正确显示欧元符号 HTML: {{ price.priceTotal | currency: myController.getPriceCurrency() }} 控制器: getPriceCurrency() { return `€ `; } 注意-在上述方法中,我只是返回欧元符号的代码,但此方法返回的货币可以是任意货币,具体取决于所选的货币 我的问题是货币符号显示不正确。它显示为和#8364;例如50,但我希望它显
{{ price.priceTotal | currency: myController.getPriceCurrency() }}
控制器:
getPriceCurrency() {
return `€ `;
}
注意-在上述方法中,我只是返回欧元符号的代码,但此方法返回的货币可以是任意货币,具体取决于所选的货币
我的问题是货币符号显示不正确。它显示为和#8364;例如50
,但我希望它显示为50欧元。我曾尝试将getPriceCurrency方法中的返回值直接设置为欧元符号欧元,但最终显示为???(三个问号)一旦代码部署完毕
我能做些什么来让欧元和其他货币符号正确显示呢
谢谢(有关更多信息,请参阅官方文档):
angular.module('currencyExample',[])
.controller('ExampleController',['$scope',function$scope){
$scope.amount=1234.56;
}]);
默认货币符号($):{{amount | currency}}
自定义货币标识符(USD$):{{金额|货币:“USD$”}}
无分数(0):{金额|货币:&€“:0}
使用此
{{ price.priceTotal | currency: myController.getPriceCurrency() | currency:"€"}}
or
{{ price.priceTotal | currency: myController.getPriceCurrency() | currency : "€"}}
在控制器中,只返回值
getPriceCurrency() {
return `8364; `;
}
您可以使用
ngSanitize
模块的$sce
执行此操作。这是为了确保html可以被信任,并防止任何易受攻击的XSS攻击。Angular不会转换字符串€代码>直接到欧元符号
var-app=angular.module(“app”,“ngSanitize”);
app.controller(“myCtrl”,函数($scope、$filter、$sce){
var vm=这个;
vm.price=100;
vm.getPriceCurrency=函数(){
return`€;`;//返回任何货币
}
});
应用过滤器(“不安全”,功能($sce){
返回$sce.trustAsHtml;
});代码>
我通过使用ng bind html解决了这个问题:
ng-bind-html="myController.price | currency: myController.getPriceCurrency()"
这将我的货币视为HTML并正确显示。可能重复@Vivz我的问题不是如何显示货币符号。我知道我可以使用一个角度js过滤器。我的问题是货币符号显示不正确,这是另一个。请检查下面的答案,看看它是否是您想要的。当我添加两个货币过滤器时,我没有得到任何东西,甚至没有得到价格。当我在html中设置货币时:“&euro”效果良好。但这不是我需要的。我需要从控制器获取货币,因为它是动态的。例如,当我从控制器返回欧元时,它显示为那样,而不是相应的欧元符号。