ionic4 手势事件 左滑、右滑

1.安装手势插件

npm install hammerjs --save

2.需要在项目的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.html页标签手势事件调用ts方法

<ion-content (swipeleft)="test()" (swiperight)="test1()">