javascript - 如何停止拖动以在侧面菜单 ionic 1上查看

Question

我们有一个 Ionic (v1.7.16) 应用程序。应用的布局是左侧菜单、主要内容和在特定情况下出现的右侧菜单。

<ion-side-menus cache-view="false>
  <ion-side-menu-content>
    ...
  </ion-side-menu-content>
  <ion-side-menu side="left">
    ...
  </ion-side-menu>
  <ion-side-menu side="right" ng-show="vm.showSideMenu">
    ...
  </ion-side-menu>
</ion-side-menus>

我想禁用拖动打开右侧菜单的功能。 (从屏幕右侧向左拖动以显示右侧菜单)

ng-show指令似乎正常工作，但您仍然可以拖动以显示侧面菜单。

浏览 v1 docs我尝试了一些事情，比如在 <ion-side-menu> 上设置一个函数返回 vm.showSideMenu但这没有用。我不认为我想完全禁用拖动。在 Ionic 的更高版本中似乎有一些指令可以处理这个问题，但我们目前没有升级这个应用程序。

Answer 1

使用 $ionicSideMenuDelegate

https://ionicframework.com/docs/v1/api/service/ $ionicSideMenuDelegate/

在此使用 canDragContent(false);禁用拖动如果您特别需要仅禁用右侧菜单

use $getByHandle('my-handle') It returns delegateInstance A delegate instance that controls only the ionSideMenus directives with delegate-handle matching the given handle.

用法:

$ionicSideMenuDelegate.$getByHandle('my-handle').canDragContent(false);

html:

 <ion-side-menu side="right" delegate-handle="my-handle">
    ...
  </ion-side-menu>