Angular 默认货币管道无法与金额一起使用

Question

我对 Angular 中已经内置的 CurrencyPipe 有疑问。我试过以下

<div class="row">
  <div class="col-7"><p>Delivery fee </p></div>
  <div class="col-5 text-right">
    <p>{{cartService.getItems().length > 0 ? 10 : 0 | currency:'INR':'symbol-narrow'}} </p>
  </div>
</div>

它只显示值而不显示货币和金额。

输出：

预期产出

₹10

我还使用 angular 管道来显示另一个数量。这与 amount 完美配合。

<div class="row pad-top20">
  <div class="col-7"><p><strong>Total</strong></p></div>
  <div class="col-5 text-right">
    <p><strong>{{calculateGrandTotal() | currency:'INR':'symbol-narrow'}}</strong></p>
  </div>
</div>

输出：

22,180.00 卢比

这两个 angular 货币管道有什么区别？谢谢！！

Answer 1

您需要在代码中的货币管道之前添加 ( 和 )。像这样。

<div class="row">
  <div class="col-7"><p>Delivery fee </p></div>
  <div class="col-5 text-right">
    <p>{{(cartService.getItems().length > 0 ? 10 : 0) | currency:'INR':'symbol-narrow'}} </p>
  </div>
</div>

Answer 2

我已经为这两种情况添加了货币管道。

<div class="row">
      <div class="col-7"><p>Delivery fee </p></div>
      <div class="col-5 text-right">
        <p>{{cartService.getItems().length > 0 ? (10| currency:'INR':'symbol-narrow') : (0 | currency:'INR':'symbol-narrow')}} </p></div>
</div>

Angular 默认货币管道无法与金额一起使用

Angular Default Currency Pipe not working along with amount

angular

angular-pipe

currency-pipe