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

Question

我正在使用， ng-select 我有一个 multi-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），你需要在parent中添加样式component/file。

Index.html

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

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

@ng-select/ng-select show dropdown on typing

typescript

angular-ngselect

angular