用分数显示货币

时间:2019-04-23 20:14:17

标签: angular typescript

我使用以下代码通过内置货币管道显示金额:

<td>{{transaction.amount | currency: transaction.currency}}</td>

有没有一种方法可以只显示带有3个字符的分数(.00)的货币?我不需要$10,080.00我需要10,080.00 USD10080 JPY

是否有希望获得这种视觉效果的东西?

1 个答案:

答案 0 :(得分:0)

请参阅Angular.io上的“货币管道”文档

在交易后添加以下内容。货币

  

:“代码”

例如:  

{{10000 |货币:“ USD”:“代码”}}

您的金额必须为数字格式,并与货币分开,以使其正常工作。如果您的transaction.amount中包含“ $”,则需要修改有效负载以将其删除并单独发送正确的货币。

例如:{金额:10000,币种:“美元”}

很遗憾,在美国,美元开始时插入且没有这样的空格:USD10,000.00。如果使用Angular解决方案构建,则必须忍受这一点。否则,如果要在美元末尾显示一个空格,则必须创建自己的管道并覆盖货币管道的输出。