你如何禁用離子菜單上的拖動功能？

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

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

來源

2014-11-04 Garrett

你之前問過同樣的問題。請先刪除它。我建議你也在Ionic Developer論壇上提問這個問題：http://forum.ionicframework.com/ – 2014-11-04 09:48:40

爲什麼說謊........ – Garrett 2014-11-04 09:52:34

拖放內容屬性必須寫在標籤。

對於e.g：

<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_side」的按鈕。

E.g

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

來源

2014-11-04 12:03:06

謝謝！ :)我怎麼從這裏打開菜單？ – Garrett 2014-11-04 12:29:48

這裏是我想要打開菜單的按鈕代碼： – Garrett 2014-11-04 12:30:29

如何做到這一點使用JavaScript？。 – 2015-11-11 09:35:06

您可以登錄頁面，你不想側面菜單，可以看到上禁用拖動側的菜單，例如。

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

來源

2016-02-25 06:55:22

你如何禁用離子菜單上的拖動功能？

回答

相關問題