ionic3 searchbar问题

1.我在用ionic3进行app开发,遇到了一个问题,我按照官网给的例子搭建了一个segment的实例,然后我想在这个下面添加searchbar进行数据的筛选,可以在浏览器调试的时候我遇到了一个问题让我束手无策,想让各位大神帮我看看,感激!!,我的html页面如下:<ion-header>
<ion-navbar color="primary">

<ion-title>
  我的客户
</ion-title>

</ion-navbar>
<ion-segment [(ngModel)]="kind" color="primary">

<ion-segment-button value="all">
  全部
</ion-segment-button>
<ion-segment-button value="not">
  未拜访
</ion-segment-button>
<ion-segment-button value="done">
  已拜访
</ion-segment-button>

</ion-segment>
</ion-header>

<ion-content>
<ion-searchbar (ionInput)="filterItems($event)" placeholder="输入关键字"></ion-searchbar>
<ion-grid>

<ion-list>
  <ion-item *ngFor="let item of getItems(kind)">
    <h2>{{item.id}}</h2>
    <h2>{{item.name}}</h2>
    <p><ion-icon name="briefcase"></ion-icon>本月已拜访次数:{{item.times}}次</p>
    <p><ion-icon name="albums"></ion-icon>最近拜访日期:{{item.time}}</p>
  </ion-item>     
</ion-list>

</ion-grid>
</ion-content>
我的ts页面如下:import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
import { NavController } from 'ionic-angular';

@IonicPage()
@Component({
selector: 'page-custom',
templateUrl: 'custom.html'
})
export class CustomPage {

kind = 'all';
searchQuery: string = '';
constructor(public navCtrl: NavController) {
    this.getItems
}
  apps:any = {
      'all': [
          {
              id:'4366',
              name:'苏州店',
              times: '0',
              time:'2017年07月18日'
          },
          {
              id:'2521',
              name:'杭州店',
              times: '0',
              time:'2017年07月24日'
          }              
      ],
      'not': [
          {
              id:'7805',
              name:'亚州店',
              times:'0',
              time:'2017年07月24日'
          },
          {
              id:'1601',
              name:'欧州店',
              times:'0',
              time:'2017年07月28日'                  
          }
      ],
      'done': [
          {
              id:'2062',
              name:'美州店',
              times:'0',
              time:'2017年08月18日'                    
          }
      ]
  }
getItems(type:any) {
    return this.apps[type];
}
filterItems(ev: any) {
  this.getItems
  let val = ev.target.value;
  if (val && val.trim() !== '') {
    this.apps = this.apps.filter(function(item) {
      return item.toLowerCase().includes(val.toLowerCase());
    });
  }
}

}

阅读 5.6k
1 个回答

报错,请问如何解决的呢

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题