我正在使用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重新附加?