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

【问题标题】：Limit to 2 decimal places with a simple pipe使用简单的管道限制为 2 位小数
【发布时间】：2016-11-22 04:56:29
【问题描述】：

我发现了一个例子，它将数字限制为小数点后 2 位，并将数字转换为货币金额 - 例如 2.55 英镑。

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

有没有一个简单的管道可以在不使用货币的情况下做同样的事情？

【问题讨论】：

标签： angular pipe decimal

【解决方案1】：

成功了

.ts -> pi = 3.1415

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

Ouput -> 3.14

如果有小数，则只显示一个
如果它有两个小数，则显示两个

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

这对我有用！！！谢谢！！

【讨论】：

【解决方案2】：

简单的解决方案

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

//output like this

// public orderTotal = 220.45892221

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

// final Output
//  220.45

【讨论】：

【解决方案3】：

现在在 angular 5 之后会有所不同：

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

【讨论】：

他想在没有货币符号的情况下显示价值，因此 DecimalPipe 将为他工作。

【解决方案4】：

货币管道在内部使用number 进行数字格式化。所以你可以这样使用它：

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

【讨论】：

refer 了解有关使用数字管道的详细信息
这有助于理解为什么1.2-2stackoverflow.com/questions/38477970/…
对于未来的读者来说，{{ x | number : '1.2'}} 也是有效的，意思是一样的。
mehaase，不一样。例如，如果您有 5.6 和 5.6789，则输出将为 5.60 和 5.6789。所以，第一个参数是最小值，第二个参数是最大位数。
如何使用 Pipe 将数字转换为小数点后 1 位且不进行舍入。例如：345.678 => 345.6