ng-Select 下拉禁用和禁用或删除关闭按钮答案

【问题标题】：ng-Select drop down disable and disable or remove close buttonng-Select 下拉禁用和禁用或删除关闭按钮
【发布时间】：2019-05-14 06:46:57
【问题描述】：

我使用了 ng-select 选项菜单，但我想禁用或删除它的关闭按钮如何执行此操作。这里我使用了代码`

<ng-select id="CompanyID"  [(ngModel)]="CompanyId" placeholder="-- select an option --">
 <ng-option disabled selected value> -- select an option -- </ng-option>
 <ng-option *ngFor="let company of Company" [value]="company.Company_ID" [disabled]="true">{{company.Name}}</ng-option>
</ng-select>`

【问题讨论】：

不要将反应式表单和模板表单结合在一起。使用其中任何一个
我删除了 FormController 但它不起作用
检查这个：github.com/ng-select/ng-select/issues/132

标签： angular select dropdown option

【解决方案1】：

我会怎么做，创建一个名为 no-clear 的 CSS 类 -

.no-clear.ng-select .ng-clear-wrapper {
  display: none;
}

然后在您的 ng-select 模板中使用该类，

<ng-select class="no-clear"
           [items]="youtData"
           [(ngModel)]="yourModel">
</ng-select>

或者你也可以使用[clearable]="false"指令。

【讨论】：

【解决方案2】：

最好的方法是使用[clearable]="false"，这样你就不必使用css了。

<ng-select [clearable]="false">
</ng-select>

【讨论】：

【解决方案3】：

<ng-select [clearable]="false">
</ng-select>

只需添加属性[clearable]="false"

【讨论】：