Использование свойства overlayVisible в выпадающем списке primeNg

Question

Виджет множественного выбора PrimeNG имеет свойство overlayVisible, которое делает панель множественного выбора видимой при загрузке виджета. но в раскрывающемся списке PrimeNG нет такого свойства, позволяющего открывать панель по умолчанию.

Есть идеи, как это сделать? Попытка использовать несколько параметров, таких как panelStyleClass и установка стиля панели для события фокуса выпадающего меню, но не сработала.

Answer 1

Вы действительно можете использовать флаг overlayVisible. просто присвойте его значению в компоненте значение true или false в зависимости от количества элементов множественного выбора.

<p-multiSelect [options]="cars" [(ngModel)]="selectedCars1" [panelStyle]="{minWidth:'12em'}" 
[overlayVisible] = "isLoaded">
</p-multiSelect>

см. Демонстрацию https://stackblitz.com/edit/angular-primeng-mulstiselect?file=src/app/app.component.ts