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 来源：简书 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
