Javascript ng select中[clearable]的替代方案是什么

我不想使用

ng select

中的

[clearable]

来泄漏我的空间。我只想使用

[clearOnBackspace]

而不是

[clearOnBackspace]

但是当我写

[clearOnBackspace]=“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>

在此处输入代码

如果您执行

[clearable]=“false”

则不允许清除选择

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

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

并按原样选择

ng




事实上，您不需要
[clearOnBackspace]=“true”
如果“clearable”属性设置为false，并且clearOnBackspace设置为true，则用户可以使用backspace按钮删除单个项目。如果（this.filterValue | | |（！multiple&&！this.clearable）|！this.clearOnBackspace | | | |！this.hasValue）{模板示例：（add）=…（remove）=…[multiple]=“true”[clearable]=“false”[clearOnBackspace]=“true”只需通过cssuse
[clearable]=“true”即可隐藏清除按钮
只有在退格时它才会被清除。用户只选择一个值。因此不需要[multiple]=“true”。是的，我可以使用CSS删除交叉按钮，但我想用JavaScript处理它。@只需编写代码，如果我将[clearable]=“true”设置为“true”，它也会显示交叉图标。我不允许在我的空白处使用它。@Sabbir为什么不使用CSS？
<ng-select [items]="cities"
               bindLabel="name"
               placeholder="Select city"
               [(ngModel)]="selectedCity"
               [clearable]="true"
               [clearOnBackspace] = "true"
               [excludeGroupsFromDefaultSelection] = "true">