Question

我正在使用"ngx-mat-select-search" npm软件包进行角度处理，我希望为我的应用程序用户提供默认的“无”选项，或者在选择了一个项目之后，我希望为用户提供该功能清除项目并使下拉菜单返回其原始状态，仅显示输入的占位符。

到目前为止，当我从ngx-mat-select-search中选择一个项目时，我似乎找不到找到删除该项目并清除选择内容的方法。有什么办法可以做到这一点，也许我缺少了什么？

这是ngx-mat-select-search-click here的文档/演示的链接。如您所见，一旦选择了一项，似乎就无法将其删除。

任何帮助和/或建议将不胜感激。

谢谢！

Answer 1

我这样做的最好方法是将一个虚拟的“ None”选择项作为单独的<mat-option>。

<mat-form-field>
<mat-select [formControl]="bankCtrl" placeholder="Bank" #singleSelect>
  <mat-option>
    <ngx-mat-select-search [formControl]="bankFilterCtrl"></ngx-mat-select-search>
  </mat-option>

  <mat-option>None</mat-option>

  <mat-option *ngFor="let bank of filteredBanks | async" [value]="bank">
    {{bank.name}}
  </mat-option>
</mat-select>

因为它没有值，所以当您选择它时，它只会返回到占位符。

这与材料小组在其docs及其相应的stackblitz中推荐的方法相同。

清除ngx-mat-select-search的选定值

1 个答案: