У меня есть все oop, которое содержит раскрывающийся список в форме. Я хочу, чтобы значения, введенные во всех выпадающих списках, добавлялись в едином контроле формы в реактивной форме. Но это только последний выпадающий список. Как этого добиться?
<div class="row" *ngFor="let prod of products;" >
<div class="col-4 cols">
<div class="">{{prod.name}}</div>
</div>
<div class="col-3">
<div class="">
<ng-select class="required" [items]="prod.companies" bindLabel="name" placeholder="Select company" [searchable]="false" formControlName="companies">
<ng-option [value]=""></ng-option>
</ng-select>
</div>
</div>
</div>
Это часть кода внутри тега. В этой форме для нескольких продуктов из списка, который поступит из бэкэнда, выпадающим будет список компаний, содержащих их в отношении продукта. Компании, выбранные для нескольких продуктов, должны go в едином контроле формы. Но только значение, выбранное последним из любого раскрывающегося списка, назначается для формы управления comapnies вместо массива компаний, выбранных из нескольких продуктов.
форма в component.ts:
setform(): void {
this.form = this.fb.group({
id: [''],
name: [''],
companies: [null]
});
}