IONIC2/3解决文本框获取焦点的问题

1. 在调用的TS文件中导入import { Component, ViewChild, ElementRef } from ‘@angular/core’;
2. 定义子视图@ViewChild(‘input’) input;
3. 前台页面添加子视图文本框 <ion-input #input [(ngModel)]=“barcode” autofocus=“autofocus” placeholder=“条码扫描输入框“(keyup)=“myKeyup($event)”></ion-input>
4. 在config.xml文件中添加<preference name=“KeyboardDisplayRequiresUserAction” value=“false” />
5. 在调用的TS文件中使用this.input.setFocus();可设置焦点
6. 设置进入页面时设置焦点，在ionViewDidEnter()方法中添加setTimeout(() => {this.input.setFocus();}, 150);
7. 设置loading之后重新设置焦点，loading.onDidDismiss(()=>{setTimeout(() => {this.input.setFocus();}, 150);});

转载于:https://www.cnblogs.com/domaple/p/8716145.html