ionic 3 中使用 hammer.js

1. 在package.json 加入

  "hammer-timejs": "^1.1.0",
  "hammer-touchemulator": "0.0.2",
  "hammerjs": "^2.0.8"

2. 在devDependencies中加入

 "@types/hammerjs": "^2.0.34"

3.在app.module.ts中加入

 import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 export class MyHammerConfig extends HammerGestureConfig  {
    overrides = <any>{
       // override hammerjs default configuration
       'pan': {threshold: 5},
       'swipe': {
          velocity: 0.4,
          threshold: 20,
          direction: 31 
       },
      'press':{}
   }
 }

4.在app.module.ts的@NgModule的providers中加入

  { 
     provide: HAMMER_GESTURE_CONFIG, 
     useClass: MyHammerConfig 
  }

5.在DOM 元素上使用标签

  <ion-item  (press)="pressIt()"></ion-item>
  在对应的Component中加入pressIt这个方法即可;

作者：麻辣小面瘫
链接：https://www.jianshu.com/p/5d157d0a712e
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。