禁用特定方向的幻灯片angularjs离子框架答案

【问题标题】：disabling slide in particular direction angularjs ionic framework禁用特定方向的幻灯片angularjs离子框架
【发布时间】：2014-06-15 03:59:54
【问题描述】：

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

$ ionic start myApp sidemenu

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

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

【问题讨论】：

【解决方案1】：

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

sideMenuCtrl.canDragContent(true);

【讨论】：

【解决方案2】：

你可以简单地使用这个：

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

</ion-side-menu-content>

【讨论】：

【解决方案3】：

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

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

您可以查看beta10 release notes > 错误修复：

侧边菜单：当 drag-content=false 时，允许拖拽关闭 (e3db0856, 关闭#1419)

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

【讨论】：