离子2列表使用车搜索栏过滤器

Question

我被困在这里，

我可以使用搜索栏事件过滤我的列表。但是我想在这样打开过滤页面时要过滤列表item.title ='Hello'我必须在没有搜索栏事件的情况下要做什么才能过滤列表？

home.html

      <ion-searchbar (ionInput)="getItems($event)" [debounce]="500" 
placeholder="search..."></ion-searchbar>

在home.ts

 initializeItems() {
        this.items = this.todos;
      }

  getItems(ev: any) {
    // Reset items back to all of the items
    this.initializeItems();
    // set val to the value of the searchbar
    let val = ev.target.value;
    // if the value is an empty string don't filter the items
    if (val && val.trim() != '') {
      this.items = this.items.filter((item) => {
        return (item.title.toLowerCase().indexOf(val.toLowerCase()) > -1);
      })
    }
  }

Answer 1

您可以调用 initializeItems()函数，然后在 ionViewDidLoad中使用 Array.Prototype.filter lifecycle钩子与搜索中的过滤。

ionViewDidLoad(){
 this.initializeItems();
 this.items = this.items.filter(item=>item.title=="hello");
}