Ionic 3에 제스처를 사용하는 방법은 무엇입니까?

Question

Ionic 3 (Angular & Typescript)에서 팬 및 스 와이프 제스처를 사용하여 동작을 트리거합니다. 지금 나는이처럼 사용하고 있습니다 :

을 * .html 중에서

... 

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

... 

* .TS :

... 

actionForLeftPan(): void 
{ 
    // Some actions 
} 

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

... 

그것은 작동하지만 어떤 경우에는이 많이 필요 of 함수는 html 파일을 호출합니다.

* .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 
    } 
} 

... 

이 많은 코드의 가독성을 단순화 할 수있는 방법은 다음과 같이 exemple에 대한 뭔가를 거기에 유지.

미리 감사드립니다.

Answer 1

하면 (pan) = "actionForPan ($ event)"을 호출 할 때 $ 이벤트를 전달해야합니다. 결과를 보려면 actionForPan()에서 console.log (이벤트)를 사용해야합니다. GestureController Source Code