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

预期输出

₹10

我还使用了角度管道来显示另一个数量。它与数量完美地配合在一起。

<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

这两个角度货币管道之间的区别是什么？谢谢！！

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>