Angular：将所有FormControl与模型更改同步

Question

我有一组 FormControls （通过FormBuilder创建）：

this.someForm = this.fb.group({
     name: '',
     size: '',
     price: '',
   });

还有其他方法可以从模型中更新它们（在我们的示例someProduct中）：

let someProduct = {
  name: 'shirt',
  size: 'XL',
  price: '20',
}

private updateForm(product) {
  this.someForm.controls.name.setValue(this.someProduct.name);
  this.someForm.controls.size.setValue(this.someProduct.size);
  this.someForm.controls.price.setValue(this.someProduct.price);
};

updateForm(someProduct);

特别考虑到它可能是很多FormControls。

Answer 1

最简单的方法可能是以下

this.someForm.patchValue(this.someProduct);

<强> Live Example