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

问题描述

我对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

我还使用角管显示其他数量。与数量完美配合使用。

<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

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

解决方法

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

<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>

我已经为这两个条件添加了货币管道。

<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-pipe