ionic4 手势事件：左滑、右滑

1、安装插件

npm install hammerjs --save/cnpm install hammerjs --save

2、ts界面引入命令

import "hammerjs";

3、ts界面写测试方法

//左滑事件
  async test() {
    const alert = await this.alertController.create({
      header: '^_^温馨提示',
      message: "左滑事件",
      buttons: [
        {
          text: '确定',
          handler: () => {
          }
        }
      ]
    });
    await alert.present();
  }

4、html页标签手势事件调用ts方法

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

效果演示(仅供演示，忽略背景)