Angular react 形式将 form.values 转换为模型

Question

我有一个由界面表示的模型。

export interface MyModel {
  id: number;
  enabled: boolean;
  name: string;
  city: string;
  country: string;
}

当我发布 react 形式时，所有值都在 form.value 中是字符串类型。我试图通过使用 <MyModel> 来转换它语法但不起作用。

submitForm(form: FormGroup, event: Event) {
   this.func(<MyModel>form.value);
}

您有什么想法可以处理吗？

我的表单设置如下:

setupForm() {
    this.userForm = this.formBuilder.group({
      id: [null, Validators.required],
      enabled: [null, Validators.required],
      name: [null, Validators.required],
      city: [null, Validators.required],
      country: [null, Validators.required]
    });
  }

Answer 1

像这样的东西应该可以工作:

Object.assign(this.movie, this.editForm.value);

它将所有匹配的属性从编辑表单值复制到原始对象中。