ng-multiselect-dropdown-angular7 (onDeSelect) 不起作用

Question

我正在嘗試獲取已取消選擇的項目的 ID，但 (onDeSelect) 在 ng-multiselect-dropdown-angular7 中不起作用：顯示圖像這是我嘗試使用的方法

Answer 1

當您選擇一個選項時調用 OnSelectAll，您需要在打字稿文件中創建 onItemDeSelect 函數

並使用此 HTML ：

<ng-multiselect-dropdown-angular7 [placeholder]="'custom placeholder' [data]="dropdownList" [(ngModel)]="selectedItems" [settings]="dropdownSettings" (onSelect)="onItemSelect($event)" (onSelectAll)="onSelectAll($event)" (onDeSelect)="onItemDeSelect($event)"> </ng-multiselect-dropdown-angular7>

現場版

Answer 2

這是我的代碼

在 HTML 中

    <ng-multiselect-dropdown class=""
          placeholder="Select value" 
          [data]="dropdownData"
          [settings]="dropdownSettings"
          (onSelect)="onItemSelect($event)"
          (onSelectAll)="onSelectAll($event)"
          (onDeSelect)="onItemDeSelect($event)"
          (onDeSelectAll)="onDeSelectAll($event)">
      </ng-multiselect-dropdown> 

然后在 xxx.component.ts 文件中

onDeSelectAll(items: any){
    //here you have access to all items
}

Answer 3

像這樣在組件中定義事件

  onItemDeSelect(item: any) {
    console.log('onItemDeSelect', item);
  }

並像這樣在視圖上使用 onDeSelect

<ng-multiselect-dropdown-angular7 ... (onDeSelect)="onItemDeSelect($event)"></ng-multiselect-dropdown-angular7>