在 select 值之后清除 ng-select 的值和下拉列表

Question

我正在开发一个包含 ng-select 下拉列表的 angular 8 项目。它是 typehead 和 ng-select 的组合。这样我就可以实时从 api 中获取数据。下拉列表工作正常。但是我找不到功能。

我需要进行选择，并且在我进行选择后预填充的下拉列表会被清除。

我可以清除选择。但是我不知道如何清除已经充满了以前搜索数据的下拉列表。

我正在使用 this.selectedCustomer = null; 清除选择。

我尝试了这个中给出的答案，它也给出了相同的结果。

我试过了

@ViewChild(
'customerSearch', {
  static: true,
  read: NgSelectComponent
}
) customerSearch: NgSelectComponent;

和

this.customerSearch.handleClearClick();

这与this.selectedCustomer = null

的目的相同

我的html是

<form [formGroup]="heroForm">
<ng-select
[items]="customers | async"
bindLabel="name"
[addTag]="addNewPersonRef"
addTagText="Add new person"
[hideSelected]="false"
[trackByFn]="trackByFn"
[loading]="customerLoading"
[typeahead]="searchInput"
[(ngModel)]="selectedCustomer"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="openCustomerWindow($event)">
<ng-template ng-option-tmp let-item="item" let-search="searchTerm">
  <div [ngOptionHighlight]="search">{{item.name}}</div>
  <small><i class="fas fa-folder" title="File No"></i> {{item.fileId}} &nbsp;&nbsp; <i class="fas fa-id-card" title="Qatar ID"></i> {{item.qid}}</small>
</ng-template>
</ng-select>
</form>

是否有任何选项可以以编程方式清除已填充的下拉列表？任何帮助都将不胜感激。谢谢。

Answer 1

在你的HTML中：

[items]="customers | async"

这是不同选项所在的位置，清空它应该会清除下拉列表。

在 select 值之后清除 ng-select 的值和下拉列表

Clear value and dropdown of ng-select after select the value

angular-ngselect

angular

angular8