ng-Select раскрывающийся список отключить и отключить или удалить кнопку закрытия

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

Лучший способ - использовать [clearable]="false", чтобы вам не приходилось использовать css.

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

Answer 2

Как бы я это сделал, создайте класс CSS с именем no-clear -

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

Затем используйте этот класс в своем шаблоне ng-select,

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

Или вы можететакже используйте директиву [clearable]="false".