Angular 2 - 如何摆脱角度绑定中的额外小数？

Question

我在我的视图中有这样的声明,并且绑定有值,让我们说6970.87127381382131831,但是,我想将它限制在最多2位小数.由于我使用ngFor列出元素,因此无法使用.toFixed(2)来限制对象.谢谢你们 !

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier }}

我试过以下方法:

 {{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : 2 }}

没帮我.

Answer 1

以下表达式将允许您将小数部分设置为两位数：

 {{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : '1.2-2' }}

1.2-2表示： 小数点前至少1位，小数点后至少2位，但不超过2位。

{{ cartitem.original_price * cartitem.qty * cartitem.unit_multiplier | number : '1.0-2' }}

1.0-2表示： 小数点前至少一位数字，后一位不超过2位数字。

关于Angular DecimalPipes和配置：https : //angular.io/api/common/DecimalPipe