角：同步與模型中的所有FormControls改變

Question

我有（通過FormBuilder創建）一套FormControls：

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