如何在離子側菜單上禁用拖動功能？

Question

如何在離子側菜單上禁用拖動功能？ 我是新手，需要幫助。 當我在主頁面上向右滑動時......它會打開一個菜單，我不希望這種情況發生。 這是我目前的代碼：

<!-- 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; 

Answer 1

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>

Answer 2

您可以禁用拖動側面菜單，例如在您不希望側面菜單可見的登錄頁面上。

(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)
}
}());