comment faire la mise ensemble sur n'importe quel champ d'entrée dans ionique 2?

Question

Dans mon application ionic2, j'ai une zone de texte, maintenant je soumets le formulaire sans ajouter aucune valeur dans cette zone de texte, à ce moment j'ai donné une alerte que 'la zone de texte ne peut pas être vide'. maintenant, lorsque l'alerte est proche, la mise au point doit être dans la même zone 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) importation "Entrée", "ViewChild" et "NavController"

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

2) Créer une référence à votre entrée dans votre modèle:

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

3) Trigger l'objectif

ionViewLoaded() { 

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

} 

4) Montrer t il clavier

ajouter cette ligne à votre config.xml:

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