如何使離子2中的任何輸入字段的集中焦點？

Question

在我的ionic2應用程序中，我有一個文本框，現在我提交的表單沒有在該文本框中添加任何值，當時我已提醒「文本框不能爲空」。 現在當警報得到緊密的焦點應該在相同的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）進口 「輸入」， 「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）顯示t他的鍵盤

此行添加到您的config.xml：

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