Блог

Я использую PrimeNG для создания выпадающего списка с несколькими вариантами выбора в приложении Angular, как показано в приведенном ниже фрагменте: Проблема, с которой я, похоже, сталкиваюсь, заключается в том, что все группы имеют одинаковые имена, и, выбрав одну, выбирает их все.

 lt;p-multiSelect [options]="groupedInteractions" [group]="true" [(ngModel)]="selectedInteractions" defaultLabel="Select" formControlName="interactions"gt; lt;/p-multiSelectgt; 

 Json is similar to this:   { "First-Group": [  "Self-service",  "Non self-service" ], "Second-Group": [  "Self-service",  "Non self-service" ]  

}

Если я выберу «Самообслуживание» Из Первой группы. Выбираются оба «Самообслуживания».

Вы должны использовать уникальный атрибут в объекте, который идентифицирует каждый элемент, и использовать свойства OptionValue и optionLabel: { «Первая группа»: [ «Самообслуживание», «Не самообслуживание», 1], «Вторая группа»: [ «Самообслуживание», «Не самообслуживание», 2 ] }