javascript - 禁用特定方向的幻灯片angularjs离子框架

Question

我是angularjs 新手，第一次使用ionic framework在angularjs中创建应用程序。我使用以下命令创建了一个离子应用程序：

$ ionic start myApp sidemenu

该应用程序已正确创建，左侧菜单保持在滑动状态，因此主视图在单击菜单按钮时向右滑动。当使用手势或鼠标指针拖动主视图时，滑动起作用。

我想禁用向右拖动以打开侧面菜单。侧边菜单只能通过单击菜单按钮打开，并且可以使用菜单按钮或向左滑动或用鼠标向左拖动来关闭。

Answer 1

你可以简单地使用这个：

<ion-side-menu-content drag-content="false">

</ion-side-menu-content>

Answer 2

如果您使用 beta 10+ 版本，您可以使用：

<ion-side-menu-content drag-content="false">
    <!-- ... -->
</ion-side-menu-content>

您可以查看beta10 发行说明> 错误修复：

sideMenu: 当 drag-content=false 时，允许拖拽关闭 ( e3db0856 , closes #1419 )

Beta10版本之前可以使用，但是不能通过滑动关闭菜单，只能使用菜单按钮。

Answer 3

如果您在 ionic.bundle.js 文件或基础文件中注释掉这一行并重建 ionic.bundle.js，它将停止菜单拖动功能。

sideMenuCtrl.canDragContent(true);