ionic4中的gestures 手势事件- ionic4长按事
ionic4中的gestures 手势事件如下：
tap ionic4点击事件
press ionic4长按事件
pan ionic4滑动的时候触发的事件,滑动触发多次
swipe ionic4滑动事件 滑动触发一次
rotate ionic4旋转事件
pinch 捏合(pinch)手势
默认情况下面ionic4中的手势事件是没法使用的，下面我们就看看ionic4中的gestures 手势事件如何使用。
1、在使用ionic4手势事件之前第一步，首先需要安装hammerjs
npm install hammerjs --save
2、在使用ionic4手势事件之前第二步，需要在项目的src/main.ts 中引入hammerjs ，完整代码如下
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import 'hammerjs';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.log(err));
3、安装并引入hammerjs 后就可以在ionic4模板中使用手势事件了
<ion-button (press)="doPress()">
长按触发的事件
</ion-button>
<ion-button (tap)="doTap()">
点击触发的事件
</ion-button>
