HTML:添加逗号和数字的有限小数位数

HTML: Adding commas and limited decimal places of a number

本文关键字:小数 数字 添加 HTML      更新时间:2023-09-26

我过去曾发现,如果我想让数字100000有逗号,那么我只需在angularJS变量中添加.toLocaleString()。即:

<span>{{variable.toLocaleString()}}</span>

此外,如果想将小数位数限制在一个数字20.34343434,比如说2,那么我只需要在Fixed(2)上加上

<span>{{variable.toFixed(2)}}</span>

现在我想两者都做。即:

<span>{{variable.toFixed(2).toLocaleString()}}</span>

<span>{{variable.toLocaleString().toFixed(2)}}</span>

但两者似乎都不起作用。也许这个问题的解决方案与任何一个函数都无关。

问题:如何使用HTML和angularJS添加逗号并限制值中小数位数?

您可以使用currency过滤器,使用货币符号的空字符串:

{{variable | currency:""}}

如果您想更改小数位数,可以将其指定为参数(默认值为2):

{{variable | currency:"":3}} 

如果您坚持使用函数,那么您可以使用:

{{variable.toLocaleString("nu", {minimumFractionDigits: 2, maximumFractionDigits: 2})}}

这将同时处理整数位数的逗号/空格(取决于区域设置)以及取决于区域的分隔符(.or,)。