Question

我被困在这里，

我可以使用搜索栏事件过滤我的列表。但是当我打开像这样的过滤页面时，我想过滤列表 item.title =＆＃39;你好＆＃39;如果没有搜索栏事件，我必须做什么来过滤列表？

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来过滤它，就像在搜索中一样。

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

离子2列表过滤器无搜索栏

1 个答案: