Html &引用;onDropDownClose“;事件始终被触发,即使我在ng multiselect下拉列表中单击除下拉列表以外的任何其他位置

Html &引用;onDropDownClose“;事件始终被触发,即使我在ng multiselect下拉列表中单击除下拉列表以外的任何其他位置,html,angular,angular-material,dropdown,multi-select,Html,Angular,Angular Material,Dropdown,Multi Select,我使用的是ng multiselect下拉列表,我必须根据所选列表加载数据。 因此,我使用“onDropDownClose”事件获取所有选定的值,并基于选定的多个值加载其他数据 <ng-multiselect-dropdown [placeholder]="'Select Project'" [settings]="dropdownSettings" [data]="projects" [requir

我使用的是ng multiselect下拉列表,我必须根据所选列表加载数据。 因此,我使用“onDropDownClose”事件获取所有选定的值,并基于选定的多个值加载其他数据

   <ng-multiselect-dropdown
   [placeholder]="'Select Project'"
   [settings]="dropdownSettings"
   [data]="projects"
   [required]='requiredField' 
   [(ngModel)]="selectedItems"
   name="projectName"
   [ngClass]='setClass()'
  #projectName="ngModel"
  (onSelect)="onItemSelect($event)"
  (onSelectAll)="onSelectAll($event)" 
  (onDropDownClose)="saveFunction($event)">

但是关闭事件一直在触发,即使我总是在下拉列表外单击。
有没有其他办法?请提供帮助。

这应该在他们的末尾修复,但在此之前,您可以使用以下技巧: 除(onDropDownClose)外,还可以在ng multiselect下拉列表中收听单击事件

 // this act as a differentiator between other calls(bug) and an intended call
 (click)="dropDownSelect = true".
在组件中,声明变量并按如下方式使用:

dropDownSelect = false;

saveFunction($event) {
 if (this.dropDownSelect) {
        // close the opening to subsequent actions 
        this.dropDownSelect = false;
        // Perform action;
 };
}