filter - 在 Angular 2 中，如何将数字显示为两位小数的四舍五入货币？

Question

例子:

• 1.99 --> 1.99 美元
• 1.9 --> 1.90 美元
• 1 --> 1.00 美元
• 1.005 --> 1.01 美元
• 1.004 --> 1.00 美元

我正在使用{{num | currency:'USD':true}} 但它不显示尾随 0。

Answer 1

使用此代码。这是一个工作示例 http://plnkr.co/edit/xnN1HnJtTel6WA24GttR?p=preview {{num |货币:'USD':true:'1.2-2'}}

解释:
number_expression |数字[:digitInfo]

最后我们得到一个十进制数作为文本。找到说明。

number_expression:一个将为输出提供数字的 Angular 表达式。

number :与管道运算符一起使用的管道关键字。

digitInfo : 定义数字格式。

现在我们将了解如何使用 digitInfo。 digitInfo 的语法如下。

{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

找到描述。

minIntegerDigits : 最小整数位数。默认为 1。(在我们的例子中为 1)

minFractionDigits : 最小小数位数。默认为 0。(在我们的例子中为 2)

ma​​xFractionDigits : 小数位数的最大值。默认值为 3。(在我们的例子中为 2)