Блог

Главная - Вопросы по программированию - Всегда открывайте выпадающий список в angular2-multiselect-выпадающем списке

Всегда открывайте выпадающий список в angular2-multiselect-выпадающем списке

#angular #npm #dropdown #multi-select

#angular #npm #выпадающий список #множественный выбор

Вопрос:

Я использую angular2-multiselect-dropdown в angular. Я использую его во всплывающем окне. Теперь, когда я нажимаю кнопку, я хочу, чтобы всплывающее окно отображало выпадающий список в открытом режиме. Я не хочу снова выбирать в нем стрелку вниз. 

       <angular2-multiselect [data]="columns" 
                      [(ngModel)]="selectedItems" 
                      [settings]="settings" 
                      (onSelect)="onItemSelect($event)"
                      (onDeSelect)="OnItemDeSelect($event)" 
                      (onSelectAll)="onSelectAll($event)" 
                      (onDeSelectAll)="onDeSelectAll($event)">
</angular2-multiselect>

Комментарии:

1. вы нашли решение для этого?

2. @rifa Я думаю, что я внес некоторые пользовательские изменения css в классы angular multiselect, чтобы показать его как открытый

Ответ №1:

Вы можете добавить ссылочный шаблон в свой компонент angular2-multiselect.

 <angular2-multiselect [data]="columns"...  #multiselect>
</angular2-multiselect>

И затем в вашей кнопке добавьте этот код:

 <button type="button" (click)="function(); multiselect.click()">Button</button>

Комментарии:

1. Спасибо, но это не помогло