angular - @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 ），则需要在父组件/文件中添加样式。

索引.html

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