Angular 货币管道没有小数值

Question

我正在尝试使用 Angular 货币管道来显示整数价格，我不需要它来添加 .00 到我的数字，问题是，它没有根据我的说明格式化它。这是我的 HTML:

              <h5 class="price"><span>{{billingInfo.amount | currency:billingInfo.currencyCode:'1.0-0'}}</span> {{billingInfo.period}}</h5>

这是我的 ts:

ngOnInit() {
      this.billingInfo = {amount: 100, currencyCode: 'USD', period: 'Hour'};
}

这是输出:

$100.00 Hour

我尝试做的事情:

1.用小数管道(不行，货币管道转成字符串)

2.将数字格式器(:1.0-0) 添加到我的currencyPipe 但它似乎被忽略了

我错过了什么？

Answer 1

要从货币管道中删除 .00，您可以使用此模式。请参阅 CurrencyPipe 上的数字信息部分获取更多信息。

{{ amount | currency : 'USD' : 'symbol' : '1.0-0' }} 

如果不需要小数，可以使用数字管道。

${{amount | number}}