How to Maintain Selections in Nested Angular Multi-Select Components
<div *ngFor=”let field of selectFields; let i = index”> <div class=”role-list”> <div class=”role-list-box”> <span for=”select-{{ i }}”>{{ i + 1 }}:</span> <select multiple [(ngModel)]=”EsclatedRoles[i]” class=”form-control” name=”optionvalue” #optionvalue=”ngModel” (change)=”onSelectionChange(i)”> <option *ngFor=”let f of roles” [value]=”f.entityId”> {{ f.name }} </option> </select> </div> </div> <div class=”role-container”> <div *ngFor=”let selectedRole of EsclatedRoles[i]; let j = index” class=”selected-role-box”> <p-multiSelect [placeholder]=”‘Department'” […]