使用简单的管道限制小数位数为2位

Question

我找到了一个示例，它可以将数字限制在2个小数位，并将其转换为货币金额-例如£2.55。

{{ number | currency : 'GBP' : true : '1.2-2'}}

有没有一个简单的管道可以在不应用货币的情况下完成相同的操作？

- rushtoni88

Answer 1

货币管道在内部使用 number 来进行数字格式化。因此，您可以像这样使用它：

{{ number | number : '1.2-2'}}

- dfsq

---

有关使用数字管道的详细信息，请参阅参考链接。 - akhouri

这对于理解为什么1.2-2会出现在Angular 2的数字管道参数中是有帮助的。 https://dev59.com/b1kT5IYBdhLWcg3wh_1U - maudulus

对于未来读者而言，{{ x | number : '1.2'}} 也是有效的，并且意思相同。 - Mark E. Haase

mehaase并非相同。例如，如果你有5.6和5.6789，输出结果将分别为5.60和5.6789。因此，第一个参数是最小值，第二个参数是最大数字位数。 - Everton Santos

如何使用管道将数字转换为一位小数且不进行四舍五入。例如：345.678 => 345.6 - Brian

Answer 2

它有效

.ts -> pi = 3.1415

.html -> {{ pi | number : '1.0-2' }}

Ouput -> 3.14

1. 如果有小数，则仅显示一个。
2. 如果有两个小数，则都会显示。

https://stackblitz.com/edit/angular-e8g2pt?file=src/app/app.component.html

这对我很有效！！！谢谢！！

- moropeza

Answer 3

在Angular 5之后，现在会有所不同：

{{ number | currency :'GBP':'symbol':'1.2-2' }}

- pabloRN

---

他想显示没有货币符号的值，所以他会使用DecimalPipe。 - Aneeq Azam Khan

Answer 4

简单解决方案

{{ orderTotal | number : '1.2-2'}}

//output like this

// public orderTotal = 220.45892221

//   {{ orderTotal | number : '1.2-2'}} 

// final Output
//  220.45

- Shashwat Gupta