Question

在我的ionic2应用程序中，我有一个文本框，现在我提交的表单没有在该文本框中添加任何值，那时我已经发出警告，文本框不能为空。＆＃39;。现在当警报获得近距离焦点应该在同一个texbox中。

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" />

如何将设置焦点设置为离子2中的任何输入字段？

1 个答案: