IK
Size: a a a
IK
I
HW
<div class="row"
*ngFor="let item of itemsArray.controls; let i = index;">
<div [formGroupName]="i" class="col-md-12">
<div class="row mt-2 product-item-row">
<input type="text" class="form-control col-md-3 mb-2 ml-1" formControlName="content"
placeholder="Content"
[(ngModel)]="sourceProduct.items[i].content"
name="content">editProductForm: FormGroup = this.createFormGroup()AM
<div class="row"
*ngFor="let item of itemsArray.controls; let i = index;">
<div [formGroupName]="i" class="col-md-12">
<div class="row mt-2 product-item-row">
<input type="text" class="form-control col-md-3 mb-2 ml-1" formControlName="content"
placeholder="Content"
[(ngModel)]="sourceProduct.items[i].content"
name="content">editProductForm: FormGroup = this.createFormGroup()A
A
<div class="row"
*ngFor="let item of itemsArray.controls; let i = index;">
<div [formGroupName]="i" class="col-md-12">
<div class="row mt-2 product-item-row">
<input type="text" class="form-control col-md-3 mb-2 ml-1" formControlName="content"
placeholder="Content"
[(ngModel)]="sourceProduct.items[i].content"
name="content">editProductForm: FormGroup = this.createFormGroup()HW
HW
A

HW
get itemsArray(): FormArray {
return this.editProductForm.get('items') as FormArray;
}A

HW
HW
<div class="row"
*ngFor="let item of itemsArray.controls; let i = index;">
<div [formGroupName]="i" class="col-md-12">
<div class="row mt-2 product-item-row">
<input type="text" class="form-control col-md-3 mb-2 ml-1" formControlName="content"
placeholder="Content"
[(ngModel)]="sourceProduct.items[i].content"
name="content">editProductForm: FormGroup = this.createFormGroup()A
A
HW
A
A
HW
createProductItem(): FormGroup {
return this.formBuilder.group({
content: ['', [Validators.required]],
quantity: ['', [Validators.required]],
});
}createFormGroup() {
return this.formBuilder.group({
....
items: this.formBuilder.array([this.createProductItems()]),
});
}createProductItems() {
const productItems = [];
if (this.sourceProduct) {
this.sourceProduct.items.forEach(value => {
productItems.push(this.createProductItem());
});
}
return productItems;
}A
