如何在Ionic 2中动态更改手势事件选项?

时间:2016-04-21 21:11:08

标签: typescript angular hammer.js ionic2

我正在使用TypeScript Ionic 2开始我的第一个项目,今天的活动刚出现in the docs(Ionic使用HammerJS来识别手势)。例如,我可以使用以下Angular 2模板语法来定位滑动事件:

<ion-card (swipe)="swipeEvent($event)">Triggers on swipe</ion-card>

但是,我不知道如何访问HammerJS实例来更改事件选项。我还想过跳过Ionic的Hammer实现并在TypeScript定义之外使用Hammer,但是我在导入这些定义方面遇到了问题,而且我不知道如何使它们与Angular一起使用。

如何更改要触发事件需要满足的条件?

例如,我希望仅在使用X指针数时触发事件,滑动方向为X且速度超过某个值,如HammerJS docs中所示。由于我想用其他事件类型(捏,平移,点击,旋转......)重复这种模式,我想如果这个代码直接在视图的类而不是模板语法中会更容易。

此外,我希望能够根据JSON数据动态更改这些选项。

假设我的JSON数据中有两组可能的选项:A和B:

            |   A  |  B  |
|-----------|------|-----|
|  pointers |   2  |  1  |
| direction | left | up  |
|  velocity |  0.3 | 0.5 |

如何使滑动事件侦听器选项动态地从A更改为B?我是否需要使用选项A删除Hammer,然后使用选项B重新附加?

0 个答案:

没有答案