离子2搜索过滤器保持重新加载页面

Question

我正在开发一个离子2应用程序，我需要在特定页面上应用过滤器。从我的脚本发生的事情是，当我开始输入它并开始过滤页面时继续重新加载回其原状态。

 getroutes() {
          this.http.post('http://localhost/app/get_products.php',{'trans_type':this.user_type_send}).map(res => res.json()).subscribe(data =>{
            console.log(JSON.stringify(data));
            this.items= data;
        })

      }
      ngOnInit() {

        let loader = this.LoadingController.create({
          content: 'Please Wait'
          });
          loader.present().then(()=>{
           this.getroutes();
          loader.dismiss();
        })
      }

      filterItems(ev: any) {
        this.getroutes();
        let val = ev.target.value;

        if (val && val.trim() !== '') {
          this.items = this.items.filter(function(item) {
            return item.farm_name.toLowerCase().includes(val.toLowerCase());
          });
        }
      }