Блог

Я использую этот выпадающий список с несколькими вариантами выбора (https://www.npmjs.com/package/ng-multiselect-dropdown ) для достижения множественного выбора в моем проекте angular. Странная проблема, с которой я сталкиваюсь, заключается в том, что в его демонстрации и в моей демонстрации stackblitz ( https://stackblitz.com/edit/angular-5wcm6z?file=src/app/app.component.html ), он закрывается, когда я нажимаю снаружи. (отображение: отсутствует) применяется динамически. Но когда я использую тот же компонент в моем реальном проекте, событие щелчка снаружи не работает, и мне приходится снова нажимать на выпадающий список, чтобы закрыть его.

Вот как я использую этот выпадающий список.

 <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>
  

Используемый вами пакет отличается от демонстрации stackblitz, которую вы показываете.

Пакет: ng-multiselect-dropdown

Демонстрационный пакет: angular2-multiselect