disable angular ng-select window

angular angular-ngselect
Bogdan Tushevskyi picture Bogdan Tushevskyi · Jul 31, 2018 · Viewed 27.6k times · Source

We are using ng-select in a project and I'm facing the problem that I can't disable the ng-select window. Is it possible to disable it with native code or do I need to find some custom solution?

  <ng-select 
    #changeowner
    class="custom-owner"
    [placeholder]="leagueOwner.full_name"
    [clearSearchOnAdd]="true"
    (change)="changeLeagueOwner($event)"
    [clearable]="false"
    [virtualScroll]="true"
    [items]="adminLeagueMembers"
    (scrollToEnd)="onAdminLoadScrollEnd()"
    bindLabel="full_name">
</ng-select>

Answer

Nasta picture Nasta · Jan 29, 2019

As stated in other responses you can use the option 

[disabled]="booleanValue"

However you will need a formControlName value set as well as described here.

You would get: 

<!-- test-component.html -->
<ng-select [disabled]="myDisabledCondition" formControlName="myFormControl" 
...>
</ng-select>

Related questions

How to set default values in ng-select in angular6?

I am using angular6 multi-select which have a list of items coming in an array of objects from angular service on ngOnInit like this which is passing into multi-select : this.sensorTypes = [ { label : "Power", value : "P"}, { label : "Current", value : "C"}, { label : "…

Read More
How to clear ng-select selection

Is it possible to programmatically clear the selection of an ng-select dropdown? I'm wanting the equivalent behaviour of clicking the clear icon, but triggered programmatically. I was expecting a clear() method or something similar, but the documented API doesn't have …

Read More
angular ng-select and add event

I'm using ng-select and on selected item fire the callback which does some logic. I face the problem, that (add) event does not fire when I choose the item from the list and I use the (change) event instead. But …

Read More