将对象绑定到 FormGroup - ng2
Bind object to FormGroup - ng2
我有一个对象包含数据(例如:orderDetails
)并且我有 FormGroup
对象绑定到我的对象(orderDetails
)。
this.formGroup = this.formBuilder.group(this.orderDetails);
我想更改对象(例如 this.orderDetails.price = 15;
)并在 formGroup 和视图中查看它。
我也可以访问 formGroup this.formGroup.controls['price'].setValue(15);
但它迫使我在没有智能感知的情况下写字段名称。
有什么方法可以在对象和 formGroup
之间同步吗?
谢谢!
您可以使用ngModel
绑定在模型和控件之间自动同步:
<input type="text" formControlName="price" [(ngModel)]="orderDetails.price">
我有一个对象包含数据(例如:orderDetails
)并且我有 FormGroup
对象绑定到我的对象(orderDetails
)。
this.formGroup = this.formBuilder.group(this.orderDetails);
我想更改对象(例如 this.orderDetails.price = 15;
)并在 formGroup 和视图中查看它。
我也可以访问 formGroup this.formGroup.controls['price'].setValue(15);
但它迫使我在没有智能感知的情况下写字段名称。
有什么方法可以在对象和 formGroup
之间同步吗?
谢谢!
您可以使用ngModel
绑定在模型和控件之间自动同步:
<input type="text" formControlName="price" [(ngModel)]="orderDetails.price">