javascript - ng-select 中 [clearable] 的替代方法是什么

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

Demo

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

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