Ng Autocomplete选中选项后清空输入框问题求助

针对你遇到的问题，可通过以下两种方式实现选中选项后清空输入框：

方法1：调用组件内置的clear()方法 #

1. 在模板中的ng-autocomplete标签上添加模板引用变量：

<ng-autocomplete
  #autoCompleteRef
  [data]="items"
  [searchKeyword]="keyword"
  (selected)="selectEvent($event)"
  <!-- 保留你的其他已有属性 -->
></ng-autocomplete>

2. 在组件类中通过ViewChild获取组件实例，并在选中事件方法中调用clear()：

import { Component, ViewChild } from '@angular/core';
import { NgAutocompleteComponent } from 'ng-autocomplete';

@Component({
  // 保留你的组件元数据
})
export class AppComponent {
  @ViewChild('autoCompleteRef') autoComplete: NgAutocompleteComponent;
  keyword = '';
  data: any[] = [];
  items = [/* 你的选项数据 */];

  selectEvent(item: any) {
    // 保留你已有的添加到data数组的逻辑
    this.data.push(item);
    // 清空输入框
    this.autoComplete.clear();
  }
}

方法2：重置绑定的搜索关键词变量 #

如果组件没有内置clear()方法，直接重置绑定的searchKeyword变量即可：

selectEvent(item: any) {
  this.data.push(item);
  // 重置关键词变量，输入框会同步清空
  this.keyword = '';
}

这两种方式都能实现选中选项后清空输入框的需求，可根据你使用的Ng Autocomplete版本选择合适的方法。

内容的提问来源于stack exchange，提问作者Jyoti Sinha