angular - 在 ng-select 中隐藏选择

Question

我们ng-select在一个项目中使用。我需要提供下拉功能，但我的目标是在从下拉列表中选择项目后清除选择框。有人遇到这个问题吗？

 <ng-select 
   #addmanager
   (change)="setLeagueAdmin($event)" 
   [items]="notAdminLeagueMembers"
   bindLabel="title"
   placeholder="Select from list"
   [clearSearchOnAdd]="true"
   [virtualScroll]="true"
   [clearable]="true"
   (scrollToEnd)="onAddManagerSscrollEnd()">
 </ng-select>

Answer 1

您可以使用 ViewChild 从视图 DOM 中获取与选择器匹配的第一个元素或指令。如果视图 DOM 发生变化，并且新的子元素与选择器匹配，则属性将被更新。

 <ng-select 
   #addmanager
   (change)="setLeagueAdmin($event)" 
   [items]="notAdminLeagueMembers"
   bindLabel="title"
   placeholder="Select from list"
   [clearSearchOnAdd]="true"
   [virtualScroll]="true"
   [clearable]="true"
   (scrollToEnd)="onAddManagerSscrollEnd()">
 </ng-select>

组件.ts

@ViewChild('addmanager') ref:ElementRef;
onChange($e){
  console.log($e);
 //set the input element clear 
  this.ref.itemsList['_selected']=[];
}

在此处查看示例：https ://stackblitz.com/edit/ng-select-q46vpr