如何在Angular中拆分数字？

Question

在输入中我有一个数字：1000000或1000

我想将其格式化为：1 000 000或1 000。

我尝试使用Pipe但它没有用，可能是什么问题？

{{  value | number : '1.1-10'}}

Answer 1

你可以像这样使用数字管道，

   <h1>{{value | number:'.2'}}</h1>

<强> DEMO

Answer 2

要以此格式重现，请执行以下操作：

<强> HTML

{{  value | number : '1.0-0'}}  /* 0 decimal digits */

{{  value | number : '1.1-10'}} /*1.1-10 means: at least one digit before decimal point, at least 1 digit after decimal point but no more than 10 digits.*/

<强> app.module.ts

import { LOCALE_ID } from '@angular/core';

...
   @NgModule({
....    
providers: [{ provide: LOCALE_ID, useValue: 'fr-FR' },....
// or your country local. For the thousands delimitation as space 'fr' works

输出

  

1 000 000

Answer 3

+x