如何在Ionic 2中禁用在侧面菜单上滑动

Question

如何禁用Ionic 2侧面菜单上的滑动？

我在HomePage中的构造函数中尝试了这个：

this.menu.swipeEnable(false);

Answer 1

以下是我在HomePage中设置禁用侧边菜单的方法：

  ionViewDidLoad() {
    this.menu.swipeEnable(false, 'left');
    this.menu.enable(false, 'left');
  }

我必须等待查看加载，然后通过传递'左'参数禁用在菜单上滑动。左参数是因为菜单在左侧。对我来说，传递菜单ID 无法正常工作......

Answer 2

HTML方式，根据Ionic Menu documentation：

<ion-menu [content]="content" [swipeEnabled]="false">
  ...
</ion-menu>

Answer 3

请关闭侧边栏菜单

this.menuCtrl.swipeEnable(false, 'left');
this.menuCtrl.enable(false, 'left');

所以你激活侧边栏菜单

this.menuCtrl.swipeEnable(true, 'left');
this.menuCtrl.enable(true, 'left');

Answer 4

尝试添加菜单参考：

this.menu.swipeEnable(false, 'menu');

或者，尝试将其添加到生命周期事件

ionViewDidEnter() {
     this.menu.swipeEnable(false, 'menu');
}