1.安装hammerjs，并在angular.json中添加

2.app.modules中添加

import { BrowserModule, HAMMER_GESTURE_CONFIG, HammerGestureConfig } from '@angular/platform-browser';

providers: [
  { provide: HAMMER_GESTURE_CONFIG, useClass: HammerGestureConfig }
]

3.在要使用的html中添加press、tap、swipe等事件

在ionic3中，可以通过NavController.swipeBackEnabled禁用手势返回操作，但ionic4中没有这个api。

4的文档没有搜索功能，也没找到对应的api接口，自己研究出两种方法：

方法1：

自己把组件写成stencil组件。

通过看ionic4源码得知，ionic4提供了单独的gesture接口：

constructor( private gesture: Gesture ) { }
this.gesture.setDisabled(true);

但这个方法通过angular调用会报错，只能供stencil组件调用，非常坑

方法2：

另一个方法是通过swipeGesture指令，但只有ion-router-outlet等少数ionic组件有。

<ion-router-outlet [swipeGesture]="swipeEnable"></ion-router-outlet>

而且ion-router-outlet通常是在app.component.html中，也就是说，你得在app.component.html中写个订阅，其他组件中才能操作它；或者在app.component.ts中监听页面，确定哪些页面不允许手势回退。

代码如下：

  swipeEnable = true;
  watchSwipeEnable() {
    this.events.subscribe("swipeEnable", (enable: boolean) => {
      setTimeout(() => {
        this.swipeEnable = enable;
      });
    })
  }

这样会触发ExpressionChangedAfterItHasBeenCheckedError报错，必须用异步方法调用。总之这样的做法不完美，但能用。

暂时没找到其他方法

1.ionic 4是用的单独的angular路由，和ionic3不同，不是通过app.component跳转的；

2.正确做法是通过，路由守卫判断，然后使用NavController.navigateRoot设置rootpage；

ps：不能在app.component中判断，否则会每次先出现路由中的root，再跳转到你设置的root

路由守卫文档：

https://angular.cn/guide/router#milestone-5-route-guards