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());
});
}
}
}
报错,请问如何解决的呢