如何禁用離子中的拖動菜單

Question

我在離子應用程序中使用了兩個菜單，即左側和右側。

如何禁用僅拖動右側菜單。我嘗試使用$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)方法，但只能在右側菜單中使用。由於每邊只有一個菜單，而不是id，我們可以使用邊（'left'或'right'）。

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

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

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

    // ... 

    } 

    // ... 

}