Estoy usando PrimeNG para crear un menú desplegable de selección múltiple en una aplicación Angular como en el fragmento a continuación: El problema que parece tener es que todos los grupos tienen los mismos nombres y, al seleccionar uno, los selecciona a todos.
<p-multiSelect [options]="groupedInteractions" [group]="true" [(ngModel)]="selectedInteractions" defaultLabel="Select" formControlName="interactions"> </p-multiSelect> Json is similar to this: { "First-Group": [ "Self-service", "Non self-service" ], "Second-Group": [ "Self-service", "Non self-service" ]}
Si selecciono "Autoservicio" del primer grupo. Ambos "Autoservicios" están seleccionados.
Debe usar un atributo único en el objeto que identifique cada elemento y usar las propiedades optionValue y optionLabel: { "First-Group": [ "Self-service", "Non self-service", 1 ], "Second-Group ": [ "Autoservicio", "No autoservicio", 2 ] }