如何禁用离子侧菜单上的拖动功能？答案

【问题标题】：How do you disable the drag function on an ionic side menu?如何禁用离子侧菜单上的拖动功能？
【发布时间】：2014-12-31 03:38:33
【问题描述】：

如何禁用离子侧菜单上的拖动功能？我对此很陌生，需要帮助。当我在主页上向右滑动时……它会打开一个菜单，我不希望这种情况发生。这是我当前的代码：

<!-- Side menu -->
<ion-side-menu side="left" drag-content="false">
<ion-header-bar class="bar-dark">
<h1 class="title">Cards</h1>
</ion-header-bar>
<ion-content scroll="true">
</ion-side-menus>

Javascript：

$scope.$root.canDrag = false;

【问题讨论】：

你之前问过同样的问题。请第一次删除它。我建议你也可以在 Ionic 开发者论坛上问这个问题：forum.ionicframework.com

标签： javascript html ionic-framework hybrid-mobile-app hybrid

【解决方案1】：

您可以禁用拖动侧边菜单，例如在您不希望侧边菜单可见的登录页面上。

(function () {
'use strict';
angular
    .module('myApp')
    .controller('LoginCtrl', [
        '$scope',
        '$log',
        '$ionicSideMenuDelegate',
        LoginFunction]);

function LoginFunction($scope, $log, $ionicSideMenuDelegate) {
    var vm = this;

    $log.debug('its working');
    $ionicSideMenuDelegate.canDragContent(false)
}
}());

【讨论】：

【解决方案2】：

Drag-content 属性必须覆盖标签。

例如：

<ion-side-menu side="left">

      <ion-pane ion-side-menu-content drag-content="false">
           <ion-header-bar class="bar-dark">
               <h1 class="title">Cards</h1>
           </ion-header-bar>
           <ion-content scroll="true">
           </ion-content>
       </ion-pane> 

   </ion-side-menus>

这将完成这项工作。！！

编辑：

要创建菜单关闭按钮，请将属性 menu-toggle="menu_side" 添加到按钮。

例如

<button menu-toggle="right" class="button transparent button-icon icon ion-navicon"></button>

【讨论】：

谢谢！ :) 我如何从这里打开菜单？
这是我希望打开菜单的按钮代码：
如何使用javascript做同样的事情？