HTML：添加逗号和数字的小数位数

Question

我过去发现，如果我希望数字100000带有逗号，则只需将.toLocaleString（）添加到angularJS变量中。 即：

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

另外，如果想将小数位数限制为20.34343434以允许说2，那么我只需添加.toFixed（2）。 即：

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

现在我想两者都做。 即：

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

要么

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

但似乎都不起作用。 也许解决方案与这两个功能都不相关。

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

Answer 1

您可以使用货币符号使用空字符串的currency过滤器来执行此操作：

{{variable | currency:""}}

如果要更改小数位数，可以将其指定为参数（默认为2）：

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

Answer 2

如果您坚持使用功能，则可以使用：

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

这将处理整数形式的逗号/空格（取决于语言环境）以及取决于语言环境的分隔符（。或，）。