ng-select中[可清除]的替代方案是什么

Question

我不想在ng-select中使用[clearable]来泄漏我的空间。而不是[clearable]我只想使用[clearOnBackspace]但是当我写[clearable] = "false"并[clearOnBackspace] = "true"它不起作用时。

enter code here
    <ng-select [items]="cities"
               bindLabel="name"
               placeholder="Select city"
               [(ngModel)]="selectedCity"
               [clearable]="false"
               [clearOnBackspace] = "true"
               [excludeGroupsFromDefaultSelection] = "true">
    </ng-select>

Answer 1

如果您这样做[clearable]="false"它将禁止清除选择。

您可以使用 CSS 隐藏关闭图标。 像这样

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

并保持ng-select原样

演示

<ng-select [items]="cities"
               bindLabel="name"
               placeholder="Select city"
               [(ngModel)]="selectedCity"
               [clearable]="true"
               [clearOnBackspace] = "true"
               [excludeGroupsFromDefaultSelection] = "true">

事实上你不需要[clearOnBackspace] = "true"