javascript - 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