从 Angular 中的 FormArray 中获取指定值 9
Getting the specified value from the FormArray in Angular 9
我有一个 FormGroup,它有一个 FormArray 元素:
this.addForm = new FormGroup({
id: new FormControl(''),
user_id: new FormControl(3),
client_id: new FormControl('', Validators.required),
type: new FormControl('', Validators.required),
description: new FormControl(''),
payment_ref: new FormControl(''),
registration_date: new FormControl(''),
status: new FormControl('', Validators.required),
sale_date: new FormControl(''),
payment_date: new FormControl(''),
total_price: new FormControl(''),
services: new FormArray([
new FormGroup({
service_id: new FormControl('', Validators.required),
description: new FormControl('', Validators.required),
unit: new FormControl('', Validators.required),
price: new FormControl(''),
quantity: new FormControl(''),
total_price: new FormControl(''),
}),
])
});
在 GUI 中,我可以通过单击按钮添加新的 FormArray。
GUI 看起来像这样:
当我select选择服务部分的服务时,描述和价格应该自动填充数据。 这部分的代码如下所示:
getSelectedService(event,index){
console.log(event.value);
this.http.get("http://localhost/finance/server/public/api/v1/service" + '/' + event.value)
.toPromise().then(data =>
{
//console.log(data);
this.getSelectedServiceData = data;
// console.log(this.getSelectedServiceData.service);
//console.log(this.addForm.get('services'));
this.addForm.get('services').patchValue([this.getSelectedServiceData.service]);
console.log(this.addForm.get('services').value);
});
}
问题是,当我添加另一行并尝试从 select 框中选择服务时,描述和价格会发生变化,但第一行不是指定行的。 有帮助吗?
如果你想访问formarray中的数据,你需要使用下面的语句:
(this.addForm.services as FormArray).controls[0].value
现在您需要将这个值修补到新添加的数组中