javascript - Angular：将所有 FormControls 与模型更改同步

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);

现场示例