Robinet Double/ double cliquez sur Angular2 & ionique

Je suis à la recherche sur de nombreux forums et des questions, mais personne ne semble se demander comment double-cliquez ou appuyez deux fois sur Angulaire/ionique 2 ?

Ionique dans la v1 il était disponible avec on-double-tap (voir http://ionicframework.com/docs/api/directive/onDoubleTap/)

Personne ne peut-être une astuce ou un code attraper double click sur ionique 2 /angulaire 2?

Peut-être par le biais de HammerJS?

Merci beaucoup !
Luis 🙂

pas sûr de la double cliquez sur.. mais je pense que vous pourriez envisager de presse
Je l'ai trouvé.. relativement facile : (double)="mafonction()" à partir de en.wikipedia.org/wiki/DOM_events#Events 🙂
ok.. pas vraiment sûr de savoir comment il serait utile à l'appareil mobile
C'est parce que vous peut-être ne connaissez pas mon application ? (double clic) fonctionne sur mobile, j'ai testé.
ok..juste assez 🙂

OriginalL'auteur luiswill | 2017-03-06

  1. 14

    Donc après 1-2 heures, il était évident, vous n'avez pas besoin d'attraper double-cliquez sur événements avec l'Ionique, mais avec de la pure JavaScript: dblclick()

    Donc Angulaire 2, il serait: (dblclick)="myFunction()" et c'est tout!

    Ici, vous trouverez d'autres événements pour JavaScript.

    Ce qui semble ne pas travailler dans le mobile (testé pour l'iOS)
    Ne fonctionne pas sur mobile iOS
    Afinde pour un générique de mise en œuvre indépendamment de la plate-forme, nous avons besoin d'écrire une coutume directive de notre propre.

    OriginalL'auteur luiswill

  2. 4

    fichier html

    <button (tap)="tapEvent()">Tap Me!</button>

    fichier ts

    let count : number = 0;
tapEvent(){
this.count++;
setTimeout(() => {
  if (this.count == 1) {
    this.count = 0;
    alert('Single Tap');
  }if(this.count > 1){
    this.count = 0;
    alert('Double Tap');
  }
}, 250);

    }

    OriginalL'auteur Toprak Erzurumluoglu

  3. 1

    Pour attraper le "double clic", les événements suivants peuvent être utilisés:

    (dblclick)="clickFunction()"

    Si nous voulons tirer une fonction sur cliquez et onother la fonction de double clic, nous pouvons utiliser les éléments suivants:

    <button (click)="simpleClickFunction()" (dblclick)="doubleClickFunction()">click me!</button>

    Cependant, la simpleClickFunction fonction sera appelée aussi quand doubleClickFunction est déclenché. Pour empêcher cela d'arriver, setTimeout peut aider à la suivante:

    html template

    <button (click)="simpleClickFunction()" (dblclick)="doubleClickFunction()">click me!</button>

    Component

    simpleClickFunction(): void{
    this.timer = 0;
    this.preventSimpleClick = false;
    let delay = 200;

    this.timer = setTimeout(() => {
      if(!this.preventSimpleClick){
        //whatever you want with simple click go here
        console.log("simple click");
      }
    }, delay);

  }

  doubleClickFunction(): void{
    this.preventSimpleClick = true;
    clearTimeout(this.timer);
    //whatever you want with double click go here
    console.log("double click");
  }
    Pourraient celui qui downvoted la question, veuillez expliquer pourquoi ?

    OriginalL'auteur edkeveked

  4. 0

    Ionique 2 a des gestes de base qui peuvent être accessibles à partir de code HTML.
    Il devrait fonctionner sur iOS et Android.
    Vous pouvez trouver la la documentation ici.

    Le code source fourni par eux est ici.

    OriginalL'auteur Borja Perez