angular - Angular Multiselect Drodown (ng-multiselect-dropdown) - 在外部单击时下拉菜单不关闭

Question

我正在使用这个多选下拉列表（https://www.npmjs.com/package/ng-multiselect-dropdown）在我的角度项目中实现多选。我面临的奇怪问题是，在它的演示和我的 stackblitz 演示（https://stackblitz.com/edit/angular-5wcm6z?file=src%2Fapp%2Fapp.component.html）中，当我点击外部时它会关闭. (display: none) 被动态应用。但是当我在我的实际项目中使用相同的组件时，外部的点击事件不起作用，我必须再次点击下拉菜单才能关闭它。

这就是我使用此下拉列表的方式。

<div class="col-md-5">
    <label>Select Providers</label>
    <ng-multiselect-dropdown
      #dropdown
      [settings]="dropdownSettings"
      [data]="providers"
      [(ngModel)]="selectedItems"
      name="onlyBillerProviders"
      (onDropDownClose)="onDropdownClose(selectedItems)"
    >
    </ng-multiselect-dropdown>

标签： angulardropdownmulti-select

Answer 1

您使用的包与您展示的 stackblitz 演示不同。

包裹：ng-multiselect-dropdown

演示包：angular2-multiselect