이온 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) 쇼 그는 키보드

하면 config.xml에이 줄을 추가 :

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