Как отключить функцию перетаскивания в ионном меню?

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-контент должен быть написан через тег.

Для например:

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

Это сделает работу. !!

Edit:

создать меню кнопки закрытия, добавьте атрибут меню переключения = "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) 
} 
}());