用简单的管道限制到小数点后2位

95

我发现了一个示例，该示例将数字限制为两位小数，然后将数字转换为货币金额，例如£2.55。

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

是否有一个简单的管道在不使用货币的情况下也一样？

angular pipe decimal

— rushtoni88
source

227

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

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

— dfsq
source

3

有关使用数字管道的详细信息，请参阅

— akhouri'4

12

这有助于理解为什么1.2-2 stackoverflow.com/questions/38477970/…–

— maudulus

18

对于将来的读者来说，{{ x | number : '1.2'}}这也是有效的，并且具有相同的含义。

— Mark E. Haase

7

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

— 埃弗顿·桑托斯

1

如何使用Pipe将数字转换为小数点后1位且无取整。例如：345.678 => 345.6

— 布赖恩

5

好吧，现在角度5之后会有所不同：

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

— pabloRN
source

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

— Aneeq Azam Khan

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

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

— 用户名
source

0

简单的解决方案

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

//output like this

// public orderTotal = 220.45892221

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

// final Output
//  220.45

— 肖瓦特·古普塔
source