如何使用 angularjs 像 kendo ui 的模板一样格式化货币

How to format currency like kendo ui 's template using angularjs

我想要这种格式的美元：1.123.362,32 和这种格式的欧元：1,122,363.33 我使用了 AngularJS 过滤器 "currency" 谁将数字格式化为货币格式但没有分隔符，如“，”。“。”

使用过滤器

here 是文档的 link，您可以在其中查看示例。

您需要使用货币过滤器才能获得预期的效果。它应该是这样的

HTML

{{ currency_expression | currency : symbol : fractionSize}}

JS

$filter('currency')(amount, symbol, fractionSize)

用正确的 , 或 来做到这一点。您需要选择正确的货币格式。

Math.round()

在您的控制器中设置范围时确保您执行 Math.round() 以便您 return 的数字始终是整数。

例子

Math.round(2.5);

或者

如果货币过滤器不符合您的要求，您可以随时使用Angular提供的数字格式，Doc是here

HTML

{{ number_expression | number : fractionSize}}

JS

$filter('number')(number, fractionSize)

如果所有其他方法都失败了

创建您自己的自定义过滤器 here 是关于如何在 angular 中构建您自己的自定义过滤器的教程，因为您的要求有点奇怪，您应该考虑构建自己的过滤器来匹配它们.这样您就可以设置您的 , 或 。以及您号码之前或之后的任何内容。

它肯定比使用内置功能更难，但由于您无法使其与上述任何一种方法相匹配，我会采用这种方法。

货币 angularjs 的过滤器不处理美元的逗号和欧元的点....我使用 kendo ui 就像网格中的过滤器一样，它处理所有事件: kendo.toString(236, 'c', fr-FR); 希望我们找到 angularjs.

的完整解决方案