我在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
}
}
...
这将简化许多代码的可读性和维护。
先谢谢你。
答案 0 :(得分:0)
你要做的就是在调用(pan)=“actionForPan($ event)”时传入$ event。你应该在actionForPan()中使用console.log(event)来查看它的结果。
可在以下网址找到更多信息:GestureController Source Code