angular - 始终在 angular2-multiselect-dropdown 中保持下拉菜单打开

Question

我在 angular 中使用 angular2-multiselect-dropdown。我在弹出窗口中使用它。现在，当我单击一个按钮时，我希望弹出窗口以打开模式显示下拉菜单。我不想再次选择其中的向下箭头。

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

标签： angularnpmdropdownmulti-select

Answer 1

您可以将参考模板添加到您的 angular2-multiselect 组件。

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

然后在您的按钮中添加以下代码：

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