在特定方向上禁用幻灯片angularjs离子框架

时间:2014-04-29 09:33:59

标签: javascript css angularjs ionic-framework

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

$ ionic start myApp sidemenu

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

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

3 个答案:

答案 0 :(得分:2)

你可以简单地使用它:

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

</ion-side-menu-content>

答案 1 :(得分:0)

如果您使用的是beta 10+版本,则可以使用:

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

您可以查看beta10 release notes&gt;错误修复:

  

sideMenu:   当drag-content = false时,允许拖放关闭   (e3db0856,关闭#1419

在Beta10版本之前,您可以使用它,但只需使用菜单按钮即可通过滑动关闭菜单。

答案 2 :(得分:-1)

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

sideMenuCtrl.canDragContent(真);