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'）返回委托实例仅控制ionSideMenus指令的实例委托句柄匹配给定的句柄。

用法：

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

html：

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

如何停止拖动以查看侧面菜单ionic 1

1 个答案: