如何在ionic 2中对任意输入字段设置焦点？

Question

在我ionic2应用程序中，我有一个textbox，现在我正在提交表单，但没有在textbox中添加任何值，这时我发出了一个警告：“textbox不能为空”。现在，当警报关闭时，焦点应该在相同的文本框中。

Answer 1

import {Component, Input, ViewChild} from '@angular/core';
import {NavController} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  @ViewChild('input') myInput ;

  constructor(private navCtrl: NavController) { }

  ionViewLoaded() {

    setTimeout(() => {
      this.myInput.setFocus();
    },150);

 }

}

1)导入Input、ViewChild、NavController

import {Component, Input, ViewChild} from '@angular/core';
import {NavController} from 'ionic-angular';

2)在模板中创建对输入的引用：

<ion-input #input>
@ViewChild('input') myInput ;

3)触发焦点

ionViewLoaded() {

    setTimeout(() => {
      this.myInput.setFocus();
    },150);

 }

4)显示键盘

将以下行添加到您的config.xml：

<preference name="KeyboardDisplayRequiresUserAction" value="false" />