angular - 如何在 this.formgroup.value() 上获取类型 Number 的值？

Question

我提交表单组的价值是

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

我想要的是

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

我的表单组在我的 .ts 文件中如下所示

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

Answer 1

在发送之前转换它。

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

或者您可以使用数字类型的输入。

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

Answer 2

这只是另一个解决方案rxjs，只需将输入字符串值转换为数字值valueChanges

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

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

stackblitz 演示