@ ng-select / ng-select在键入时显示下拉菜单

Question

我正在使用ng-select，我正在执行一个多选下拉列表，所有内容均正常运行，但我想进行一些更改，我想在用户开始键入某些内容时显示下拉列表，并仅在文本框中显示用户键入内容上的过滤数据。

Answer 1

我希望以下逻辑对您有所帮助，

.HTML

<ng-select #elem [items]="cities2"
               bindLabel="name"
               bindValue="id"
               [multiple]="true"
               placeholder="Select cities"
               [(ngModel)]="selectedCityIds"
               (open)="onOpen(elem)">

.TS

onOpen(elem){
 if(elem.filterInput.nativeElement.value == ""){
   elem.close();
 }
}

如果要隐藏下拉开关（V），则需要在父组件/文件中添加样式。

的index.html

<style>
    .ng-select .ng-arrow-wrapper {
        display: none !important;
    }
</style>