始终在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>

Answer 1

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

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

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

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