在 ng-select 中隐藏 selection

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>

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

在 ng-select 中隐藏 selection

hide selection in ng-select

angular-ngselect

angular