Как получить значение как тип Number для this.formgroup.value ()?

Question

Значение, которое я получаю при отправке группы форм:

{
  "name": "Sunil",
  "age": "23"
}

Что мне нужно, это

{
  "name": "Sunil",
  "age": 23
}

Моя группа форм выглядит следующим образом в моем файле .ts

myForm : FormGroup;
this.myForm = this._formbuilder.group({
  name: [''],
  age: [null]
});

Answer 1

Это просто еще одно решение от rxjs, просто преобразуйте значение входной строки в числовое значение на valueChanges

const ageFormControl = this.myForm.get('age');

ageFormControl.valueChanges
  .pipe(distinct())
  .subscribe(value => ageFormControl.setValue(+value));

демонстрация stackblitz

Answer 2

Конвертируйте перед отправкой.

const value = { ...this.myForm.value, age: +this.myForm.value.age };

Или вы можете использовать ввод номера типа.

<input type="number" formControlName="age">