当我使用搜索过滤我的列表时，它给了我过滤值。当我的搜索栏为空时，它不会在 ionic 中将我的原始列表返回给我

Question

当我使用搜索过滤我的列表时，它给了我过滤值。当我的搜索栏为空时，它不会在 ionic 中返回我的原始列表。

page.html

<ion-searchbar 
  [(ngModel)]="searchTerm"  
  [(ngModel)]="searchList"
  (input)="setFilteredTitle()" 
  class="search">
</ion-searchbar>

Page.ts

filterItems(searchTerm){
  return this.result.filter(item => {
    return item.category_name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1;
  });
}

filterList(searchList){
  return this.result2.filter(items => {
    return items.store_name.toLowerCase().indexOf(searchList.toLowerCase()) > -1;
  });
}

setFilteredTitle(){
  this.showlist = true
  this.result = this.filterItems(this.searchTerm)
  this.result2 = this.filterList(this.searchList)
}

在 ionic 中，我想从一个搜索栏中搜索两个不同的列表，我使用了这些功能。它过滤了我的数据。但是，每当我从搜索栏中删除值时，它都不会返回我的原始列表，并且在刷新之前不会再次过滤。有什么问题请提前帮助thanx。

Answer 1

使用您当前的逻辑，您只能在数组中匹配的情况下获取值，并且当您清除该值时它不匹配任何内容并且您得到一个空的Array。因此，如果您在 searchTerm 中没有得到任何内容，则需要更改逻辑以返回相同的数组。您的代码应该看起来像这样。我没有玩过ion-searchbar，所以我不知道这里的列表变量，但你明白我在说什么。

filterItems(searchTerm){
  if(!searchTerm) return this.result;
  return this.result.filter(item => {
    return item.category_name.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1;
  });
}

filterList(searchList){
  if(!searchList) return this.result2;
  return this.result2.filter(items => {
    return items.store_name.toLowerCase().indexOf(searchList.toLowerCase()) > -1;
  });
}