11
votes

Comment utiliser correctement (cliquer) dans ionic 2?

C'est ma première tentative d'utilisation ionique 2. mais je n'ai déjà aucune difficulté. Mais j'essaie. Ainsi, après avoir commencé un nouveau projet, je suis allé voir comment l'événement de clic est utilisé. Je recherche et lu sur le net. Mais n'a toujours aucune réponse appropriée.

J'ai donc utilisé ce code sur le bouton Cliquez sur l'événement. P>

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

@Component({
    templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  constructor(private navCtrl: NavController) {
    openFilters() {
        console.log('crap');
    }
  }
}


1 commentaires

Mohan Gopi, CESCO, Sebafferreras. Thx les gars pour l'aide. Vraiment vraiment apprécier


5 Réponses :


0
votes

La fonction que vous appelez à partir du modèle est censée être une méthode sur la classe de la page d'accueil.

export class HomePage {
    constructor(private navCtrl: NavController) {}

    openFilters() {
        console.log('crap')
    }
}


0 commentaires

25
votes

Travailler avec la fonction de clic

Votre code doit ressembler à ce code

.html xxx

strong > .TS xxx


0 commentaires

7
votes

Le code dans la touche est parfait. Le problème est que vous avez déclaré la méthode OpenFilters () à l'intérieur du constructeur de la classe , donc le gestionnaire d'événements de clic ne pouvait pas le trouver.

le mettre à l'extérieur de la constructeur, comme une autre méthode de la classe, et cela fonctionnera comme prévu. xxx


0 commentaires

2
votes

Cliquez sur Events posera un problème de retard sur les périphériques iOS. L'utilisateur peut avoir à cliquer sur l'élément plusieurs fois pour Ionic pour identifier l'événement. La raison de cette question est dite du bloqueur de clic ionique, qui bloque toute interaction jusqu'à ce qu'une transition soit complètement faite. Ceci est de reconnaître si l'utilisateur souhaite un événement de clic ou un double clic sur les périphériques tactiles.

Veuillez vous reporter à la solution à -

http: // www. agiliztech.com/2017/05/29/click-handler-reaction-Delay-ionic-2/


1 commentaires

La réponse n'est pas liée à la question initiale.



0
votes
@Component({
    templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
  constructor(private navCtrl: NavController) {}

openFilters() {
        console.log('crap');
    }
}
put openFilters() outside constructor.

0 commentaires