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中隐藏选择

1 个答案: