如何自定义货币过滤器以在angularJS中显示货币符号'€'或任何其他答案

【问题标题】：How to customize the currency filter to display the currency symbol '€' or any other in angularJS如何自定义货币过滤器以在angularJS中显示货币符号'€'或任何其他
【发布时间】：2015-08-06 16:19:41
【问题描述】：

angularJS 中currency filter 中的默认货币符号是$。我怎样才能将其更改为 '€' 或任何其他？我在here 中发现了一些冗长的代码。但是有什么流畅的方法吗？

<div ng-app=""  >

    <p>Total = {{ (10 * 13) | currency }}</p>

</div>

结果是Total = $130.00 如何制作Total = €130.00 或Total = USD130.00？

【问题讨论】：

标签： javascript angularjs

【解决方案1】：

1.试试这个{{price | currency:"€"}}，它会解决你的问题http://jsfiddle.net/TheSharpieOne/N7YuP/

2.为了更通用的格式，如果您可以为货币格式编写自定义过滤器会更好。

这样它就可以支持任何货币格式。

Example

【讨论】：

【解决方案2】：

根据documentation，您可以指定自定义货币标识符

{{amount | currency:"€"}}

Angular 还提供handling for i18n/l10n

【讨论】：

【解决方案3】：

您可以为过滤器提供货币符号：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div ng-app=""  >

    <p>Total = {{ (10 * 13) | currency : '€' }}</p>

</div>

【讨论】：

【解决方案4】：

您所要做的就是为货币过滤器提供一个符号参数。 Angular 文档提供了以下语法：

{{ currency_expression | currency : symbol : fractionSize}}

可以通过在 Internet 上搜索找到正确的符号。但既然你问的是欧元，这里有一些变化：

<div ng-app=""  >

    <p>Total = {{ (10 * 13) | currency:"&euro;" }}</p>

</div>

或

<div ng-app=""  >

    <p>Total = {{ (10 * 13) | currency:"€" }}</p>

</div>

注意：符号参数必须是字符串

或者，您甚至可以通过使用文档Angular API:currency 中提供的 JavaScript 语法在控制器或自定义过滤器中使用过滤器 -

例如：$filter('currency')(input,"€");或 $filter('currency')(input,"€");

注意：请记住将 $filter 注入相关的控制器或自定义过滤器中。

希望有帮助！

【讨论】：

【解决方案5】：

$filter('currency')(值, currencySymbol, 分数);

【讨论】：

问题是要在表达式中执行此操作，而不是在 JavaScript 代码中。