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

angularJS中

货币过滤器

中的默认货币符号为

$

。我如何才能将其更改为“欧元”或任何其他名称？我在中发现了一些冗长的代码。 但是有没有什么顺利的办法呢

<div ng-app=""  >

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

</div>

总数={（10*13）|货币}

结果是

Total=$130.00

如何使其

Total=€130.00

或

Total=130.00美元

？

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

{{amount}货币：€“}}

---

Angular还提供

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

总额={（10*13）|货币：'€'}

1.试试这个

{{price | currency:€“}}

，它会解决你的问题

2.为了使格式更通用，最好能为货币格式编写自定义过滤器

因此，它可以支持任何货币格式

---

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

{{ currency_expression | currency : symbol : fractionSize}}

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

<div ng-app=""  >

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

</div>

总额={（10*13）|货币：&欧元}

或

总额={（10*13）|货币：“€”}

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

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

例如：$filter（'currency'）（输入，“€”）；或$filter（“货币”）（输入“€”）

注意：请记住将$filter注入相关的控制器或自定义筛选器

---

希望有帮助

$filter（'currency'）（值、货币符号、分数）

问题是要在表达式中实现这一点，而不是在JavaScript代码中。

<div ng-app=""  >

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

</div>