How to remove search box in ng-select

Question

My Angular 5 app needs to remove search box and clear x icon from ng-select.

<ng-select [(ngModel)]="model" (change)="onChange($event)">
    <section *ngFor="let x of userList;">
        <ng-option value="{{x.id}}">
              {{ x.name }}
        </ng-option>
    </section>
</ng-select>

Thanks.

We are not here to code for you. Show us what you've done so far so we can help you out finding the best solution. — Jacopo Sciampi, Feb 28 '19 at 07:53

score 3 · Accepted Answer · answered Feb 28 '19 at 08:01

You can use searchable and clearable

 <ng-select [(ngModel)]="model" [searchable]="false" [clearable]="false" (change)="onChange($event)">
        <section *ngFor="let i of list;">
            <ng-option value="{{i.id}}">
                  {{ i.name }}
            </ng-option>
        </section>
    </ng-select>

How to remove search box in ng-select

1 Answers1