Windows应用程序中按Backspace键时触发的离子搜索栏错误事件

Question

在搜索栏中按下退格键时，将在用户停止清除文本之前调用onInput（）方法。仅当用户停止清除文本时，才能忽略此调用并继续执行操作

<ion-searchbar #mainSearchbar [(ngModel)]="searchText" (ionInput)="onInput($event)"></ion-searchbar>

Answer 1

我找到了解决此问题的方法。而不是使用ionInput，我正在监听按键事件。

  handleSearchDown() {
    clearTimeout(this.timeout)
  }

  handleSearchUp() {
    clearTimeout(this.timeout)
    this.getItems();
  }

  getItems() {
    var that = this;
    clearTimeout(this.timeout)
    this.timeout = setTimeout(function () {
      that.searchList(that.searchText);
    }, 1000);
  }
  
  clearTimeout() {
    clearTimeout(this.timeout)
  }

<ion-searchbar [(ngModel)]="searchText" (keyup)="handleSearchUp()" (keydown)="handleSearchDown()" (ionClear)="clearTimeout()"></ion-searchbar>