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

Posted 2023-02-14

【中文标题】使用简单的管道限制为 2 位小数

【英文标题】：Limit to 2 decimal places with a simple pipe

【发布时间】：2016-11-22 04:56:29

【问题描述】：

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

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

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

【参考方案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-2***.com/questions/38477970/…

对于未来的读者来说， x | number : '1.2' 也是有效的，意思是一样的。

mehaase，不一样。例如，如果您有 5.6 和 5.6789，则输出将为 5.60 和 5.6789。所以，第一个参数是最小值，第二个参数是最大位数。

如何使用 Pipe 将数字转换为小数点后 1 位且不进行舍入。例如：345.678 => 345.6