如何将价值转换为印度卢比格式？

Question

我正在从数组中获取价值，我需要将该价值转换为印度卢比格式吗？

                    <h3>
                        <ion-icon ios="ios-cash" md="md-cash"></ion-icon>{{user.members}} &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; ₹ {{user.total | currency:"₹":0}}
                    </h3>

预期 我需要值为1,95,445.76， 实际产量 195,445.76

Answer 1

根据documentation，您应该改用它：

{{user.total | currency: 'INR'}}

我认为您上面使用的格式适用于AngularJS（Angular 1.x）。

---

编辑：我注意到上面的格式没有考虑印度数字系统。因此，这是我更新的解决方案。我编写了一个自定义方法，该方法利用了JavaScript的.toLocaleString()。

indianRupeeFormat(val: number) {
  return Number(val).toLocaleString('en-IN');
}

这就是它在您的视图中的显示方式：

<p>Rupee:₹ {{ indianRupeeFormat(195445.76) }}</p>

Demo

Answer 2

使用内置管道

  <h3 <ion-icon ios="ios-cash" md="md-cash"></ion-icon>{{user.members}} &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp; ₹ {{user.total | currency:"INR":0}}