disable angular ng-select window
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>
With latest angular versions disabled
attribute doesn't live well with formControlName
.
One way to disable ng-select
with formControlName
is to show readonly
textbox instead of disabled dropdown:
<div *ngIf="!disabledCondition">
<ng-select
#changeowner
formControlName="owner"
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>
</div>
<div *ngIf="disabledCondition">
<input formControlName="owner" class="form-control" type="text" readonly>
</div>