/* ---html----*/ 
     
       
      
           {
    { item }}  
      
      /* ---html----*/

/* ---js----*/ import {Page} from 'ionic-angular'; @Page({  templateUrl: 'build/pages/tabs/tabs.html',}) export class TabsPage {   constructor() {    this.searchQuery = '';    this.initializeItems();  }   initializeItems() {    this.items = [      'Amsterdam',      'Bogota',    ];  }   getItems(searchbar) {    //给作用域 items 一个默认值。    this.initializeItems();    //获取文本框里的 value    var q = searchbar.value;     //如果值是空字符串，则不过滤项目    if (q.trim() == '') {      return;    }    //否则 过滤一下 this.items    this.items = this.items.filter((v) => {      if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {        return true;      }      return false;    })  } } /* ---js----*/

还有更多的样式