Wie benutze ich Gesten mit Ionic 3?

Question

Ich benutze Schwenk-und Swipe-Gesten in Ionic 3 (Angular & Typescript), um Aktionen auszulösen. Denn jetzt verwende ich es wie folgt aus:

* .html:

... 

<button ion-button block (panleft)="actionForLeftPan()" (panright)="actionForRightPan()">Touch me</button> 

... 

* .ts:

... 

actionForLeftPan(): void 
{ 
    // Some actions 
} 

actionForRightPan(): void 
{ 
    // Some other actions 
} 

... 

Es funktioniert, aber in einigen Fällen braucht es eine Menge von Funktionen ruft in HTML-Datei. Gibt es eine Möglichkeit, um etwas für exemple wie folgt aus:

* .html:

... 

<button ion-button block (pan)="actionForPan(event)">Touch me</button> 

... 

* .ts:

... 

actionForPan(event): void 
{ 
    if (event.left) 
    { 
     // Do some actions 
    } 

    if (event.right) 
    { 
     // Do other actions 
    } 
} 

... 

Dies würde viel Lesbarkeit des Codes vereinfachen und Instandhaltung.

Danke von Voraus.

Answer 1

ll Sie müssen $ event beim Aufruf (pan) = "actionForPan ($ event)" übergeben. Sie sollten console.log (event) in actionForPan() sehen, um das Ergebnis zu sehen. GestureController Source Code