如何使用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
}

...

它有效但在某些情况下它需要在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
    }
}

...

这将简化许多代码的可读性和维护。

提前谢谢你。

Answer 1

你需要做的是在调用（pan）=“actionForPan（$ event）”时传入$ event。你应该在actionForPan（）中使用console.log（event）来查看它的结果。

更多信息可以在：GestureController Source Code找到