How get values as integer in formGroup.value in Angular2

Question

I make a form using DynamicForm it work perfect but when try to get the values using form.value or form.getRawValue() all files are return like string, how I make to the number files as return as integer in the JSON file

Example

actually I get a JSON like this

{
  "name": "home",
  "age": "12"
}

but I need this:

{
  "name": "home",
  "age": 12
}

EDIT

The formControl constructor

const form = new FormGroup({
  name : new FormControl(undefined  || '', Validators.required),
  age  : new FormControl(undefined  || '')
});

@kit yes I defind the type="number" and the validation work but even so return string; — oriaj, Sep 26 '16 at 18:00
hmm.., what is the first param you put to FormControl constructor? — kit, Sep 26 '16 at 18:06
@kit edit the quesiton with the constructor, the first param is `undefined`because don't have default value — oriaj, Sep 26 '16 at 19:45
I think understand my problem always take as default value ' ' thanks so much for the help; but how can define the constructor of a integer if not have initial value? — oriaj, Sep 26 '16 at 19:48

score 3 · Accepted Answer · answered Sep 27 '16 at 07:20

3

try putting null into first param of FormControl

answered Sep 27 '16 at 07:20

kit

4,890
3
24
23

score 0 · Answer 2 · answered Jan 06 '20 at 15:41

If anyone is trying to convert input type="number" to an integer with an array of controls using angular dynamic forms.

This snipped returns the actual control that was changed.

const formArray = this.parentFormGroup.controls['obligationList'] as FormArray
formArray.controls.forEach(control => {
    control.valueChanges
        .debounceTime(800)
        .distinctUntilChanged()
        .takeUntil(this.ngUnsubscribe)
        .subscribe(() => control.patchValue({amountPayable: parseInt(control.value['amountPayable'], 10)}, {emitEvent : false}))
})

This will return a value of type integer.

How get values as integer in formGroup.value in Angular2

2 Answers2