如何在离子中禁用拖动侧边菜单

Question

我在我的 ionic 应用程序中使用两个侧边菜单，即左侧和右侧。

如何禁用仅拖动右侧菜单。我尝试使用$ionicSideMenuDelegate.canDragContent(false)，但它禁用了两侧拖动。

引用的 HTML

<ion-nav-bar>

<ion-nav-buttons side="left">
<button menu-toggle="left">
</button>
</ion-nav-buttons>

<ion-nav-buttons side="right">
<button menu-toggle="right">
</button>
</ion-nav-buttons>

</ion-nav-bar>

Answer 1

如何才能禁用仅拖动右侧菜单。

重要提示：以下答案仅适用于 Ionic2/3。

您可以使用 swipeEnable(shouldEnable, menuId) 方法，但只能在右侧菜单中使用。由于每边只有一个菜单，所以我们可以使用边（'left' 或 'right'）而不是 id。

import { MenuController, ... } from 'ionic-angular';

@Component({
    templateUrl: 'app.html'
})
export class MyApp {

  constructor(private menuCtrl: MenuController, ...) {
    this.menuCtrl.swipeEnable(false, 'right');

    // ...

  }

  // ...

}