Question

我在离子应用程序中使用两个侧面菜单，即在左侧和右侧。

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

HTML for ref

<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) 方法，但只能在右侧菜单中使用。由于您每边只有一个菜单，而不是ID，我们可以使用边（'left'或'right'）。

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

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

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

    // ...

  }

  // ...

}

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

1 个答案: