首页 > 解决方案 > 禁用角度 ng-select 窗口

问题描述

我们在一个项目中使用ng-select,我遇到了无法禁用 ng-select 窗口的问题。是否可以使用本机代码禁用它,或者我需要找到一些自定义解决方案?

  <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>

标签: angularangular-ngselect

解决方案


如其他回复中所述,您可以使用该选项

[disabled]="booleanValue"

但是,您将需要一个 formControlName 值集以及此处所述。

你会得到:

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

推荐阅读