ionic3 ion-searchbar

作者: my木子 | 来源:发表于2018-09-13 14:40 被阅读0次

ionic3 ion-searchbar
Ionic3开发教程 - 发布IOS版本（4）
Ionic3开发教程 - 更新（5）
Ionic3开发教程 - 发布Android版本（3）
Ionic3开发教程 - 环境准备（1）
Ionic3开发教程 - 开发（2）
ionic3 教程（一）安装和配置
ionic3 教程（五）基本的网络请求
ionic3 教程（二）登录页制作
ionic3 教程（三）设置页制作

ionInput监听input输入框的变化；

ionFocus当input框获取焦点时触发；

ionBlur当input框失去焦点时触发;

ionClear当点击清除按钮时触发；

// html
  <ion-searchbar (ionInput)="getItems($event)" [(ngModel)]="searchQuery" placeholder="请输入港口名称"></ion-searchbar>
// ts
getItems(e){
// e.data 只记录最后输入的内容，而不是全部的，用ng-model 
    this.myLoading = true;
    if(!this.searchQuery){
      this.GetCityList('');
    }else{
      this.GetCityList(this.searchQuery);
    }
  }

ionic3 ion-searchbar
ionInput监听input输入框的变化； ionFocus当input框获取焦点时触发； ionBlur当in...
Ionic3开发教程 - 发布IOS版本（4）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 更新（5）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 发布Android版本（3）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 环境准备（1）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 开发（2）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
ionic3 教程（一）安装和配置
链接：ionic3 教程（一）安装和配置 ionic3 教程（二）登录页制作 ionic3 教程（三）设置页制...
ionic3 教程（五）基本的网络请求
链接：ionic3 教程（一）安装和配置 ionic3 教程（二）登录页制作 ionic3 教程（三）设置页制...
ionic3 教程（二）登录页制作
链接：ionic3 教程（一）安装和配置 ionic3 教程（二）登录页制作 ionic3 教程（三）设置页制...
ionic3 教程（三）设置页制作
链接：ionic3 教程（一）安装和配置 ionic3 教程（二）登录页制作 ionic3 教程（三）设置页制...