Question

我使用了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>`

Answer 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"指令。

Answer 2

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

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

Answer 3

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

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

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

3 个答案: