Angular 2 中的小数管道 - 仅逗号,无小数位

Posted

技术标签:

【中文标题】Angular 2 中的小数管道 - 仅逗号,无小数位【英文标题】:Decimal Pipe in Angular 2 - Commas Only, No Decimal Places 【发布时间】:2018-02-07 20:30:23 【问题描述】:

我目前使用这个管道 product.productPrice | number:'.2-2'

结果是 1,000,000.00 但我想删除 .00 你是怎样做的?

【问题讨论】:

@Vega:编辑只针对标题(来自 OP,更具描述性)和我(删除了不适当的标签),我认为问题中的任何实质性内容都没有改变。 【参考方案1】:

使用这个:

  product.productPrice | number: '1.0-0'

1.0-0表示:小数点前至少一位,小数点后0位。

https://angular.io/api/common/DecimalPipe

【讨论】:

如果我在数字后有 10 (100.10) 并且不想删除它但如果它是 100.00 想删除它怎么办?需要单独处理吗? 是否可以只取小数点前一位而不四舍五入?我的意思是-1.75 应该是1,而不是2 @StepUp,角度十进制管道向下舍入,负数表示绝对数。您可以在应用管道之前只使用 Math.trunc() 吗?像这样:stackblitz.com/edit/angular-fbongy @Vega 很抱歉,但是我看不到您的代码。你能显示一下你的代码吗?我只看到一个带有代码的页面,但没有 Math.trunc() 我看过Main.tspolyfill.ts 文件,但是没有Math.trunc()。可能是这个文件没有保存。你能把你的代码贴在这里吗?

以上是关于Angular 2 中的小数管道 - 仅逗号,无小数位的主要内容,如果未能解决你的问题,请参考以下文章

用 TextField 中的小数分隔符替换逗号

编号 Pipe - Angular 2 的参数是啥

计算中的小数点为。要么 ,

Angular 2中的动态管道

Android中的小数点或小数逗号

Angular 2 中的 JSON 管道不起作用