Agfdhyk

I have a field weight= 12000 I want format this in a input form 12.000,00 with 2 decimals and dot notation.

In view I have correctly using pipe and it works ok code:

<td>{{item.weight| number: '.2'}}</td> 

I want the same result in input form but I can't format / localize :

<input type="number" formControlName="weight" class="form-control">

I can't apply pipe on input field with decimal and dot notation. Thank you.

You can use ng2-currency mask to achieve this in input or text area. It is very easy to use and it also has other features like providing prefix or suffix to your input.
Here: https://www.npmjs.com/package/ng2-currency-mask

import { DecimalPipe } from '@angular/common';



constructor(        

        private _decimal: DecimalPipe

    ) { }

and when you are patching value of your form:

weight: this._decimal.transform(this.item.weight, '1.2-2')

I would suggest try to use 'RxwebValidators.numeric'. this will provide numeric validation and format the value in the textbox. please refer the sample example on stackblitz

Here is the code :

 this.productFormGroup = this.formBuilder.group({

    weight:['',RxwebValidators.numeric({isFormat:true,allowDecimal:true,digitsInfo:"1.2"})]

  })

Steps I have followed to achieve this:

1. npm install @rxweb/reactive-form-validators
   


2. import 'RxReactiveFormsModule' in root module.


3. use RxwebValidators in respective FormControl.

Please let me know if you have any question.