美文网首页
ionic3调用键盘搜索功能

ionic3调用键盘搜索功能

作者: Kathy丶Andy | 来源:发表于2018-05-07 17:46 被阅读0次
  <form action="javascript:return true;">
    <ion-row >
      <ion-input mode="ios" [(ngModel)]="search" type="search"  placeholder="请搜索" [ngModelOptions]="{standalone: true}" (keyup)="onSearchKeyUp($event)"></ion-input>
      <div style="height: 30px;width: 30px;float: right;margin-right: 5px " (click)="searchBt()">
        <ion-icon ios="ios-search" md="md-search"></ion-icon>
      </div>
    </ion-row>
  </form>

ion-input 添加属性type="search", 注意一定要添加[ngModelOptions]="{standalone:true}"或name=‘search’否则会报错,添加手机键盘监听事件(keyup)=”onSearchKeyUp($event)”`

TS页面

onSearchKeyUp(event){
  if("Enter"==event.key){
   //function
  }
}

相关文章

网友评论

      本文标题:ionic3调用键盘搜索功能

      本文链接:https://www.haomeiwen.com/subject/iepvrftx.html