将对象绑定到 FormGroup - ng2答案

【问题标题】：Bind object to FormGroup - ng2将对象绑定到 FormGroup - ng2
【发布时间】：2017-07-17 01:40:34
【问题描述】：

我有一个包含数据的对象（例如：orderDetails）并且我有FormGroup 对象绑定到我的对象（orderDetails）。

this.formGroup = this.formBuilder.group(this.orderDetails);

我想更改对象（例如this.orderDetails.price = 15;）并在 formGroup 和视图中查看它。

我也可以访问 formGroup this.formGroup.controls['price'].setValue(15);，但它迫使我在没有智能感知的情况下编写字段名称。

有没有办法在对象和formGroup 之间进行同步？谢谢！

【问题讨论】：

【解决方案1】：

您可以使用ngModel绑定在模型和控件之间自动同步：

<input type="text" formControlName="price" [(ngModel)]="orderDetails.price">

【讨论】：