Problems with side menu

ionic-v1
1

Personal’m in trouble in the side menu, the browser works properly the function of drag, in more mobile not, can anyone help me?

2

try to override ionic function…i use this in app.js after platform ready and on deviceready

document.addEventListener(‘touchstart’, function (event) {
// workaround for Android gesture swipe
if ($ionicSideMenuDelegate.isOpenLeft()) {
event.preventDefault();
}
});

and in controller

$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};

3

friend, thank you for helping me, but it did not work anyway :(.
any other suggestions?

4

i don’t know for me work…at the top of your menu.html try something like this…maybe just the first 2 line

ion-side-menus enable-menu-with-back-views=“true”>

ion-side-menu-content drag-content=“true”>

ion-nav-bar class="bar-stable">
  ion-nav-back-button class="button-clear">
    i class="ion-arrow-left-c"></i>
    
  /ion-nav-back-button>

ion-nav-buttons side="left">
    button class="button button-icon button-clear ion-navicon" menu-toggle="left">
    /button>
  /ion-nav-buttons>
      /ion-nav-bar>

    ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

/ion-side-menu-content>

I removed < at the beginning of every line, but you have to put it

5

and i have used all this thing in the main controller
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
}

$scope.swipeRight = function() {
//$scope.indicator=‘turned right’;
$location.path(’/archiviate’);
//$state.go(‘rda’);
console.log(‘path’, $location.path());
}

$scope.swipeRightDetRDA = function() {
//$scope.indicator=‘turned right’;
$location.path(‘rda’);
//$state.go(‘rda’);
console.log(‘path’, $location.path());
}

$scope.swipeRightDetARCH = function() {
//$scope.indicator=‘turned right’;
$scope.authorize = function(){
$ionicHistory.nextViewOptions({historyRoot: true});

}
$location.path(’/archiviate’);
//$state.go(‘archiviate’);
//$scope.authorize();
//console.log(‘path’, $location.path());
}

$scope.stopDrag = function(){
$ionicSideMenuDelegate.canDragContent(false);
}

$scope.letDrag = function(){
$ionicSideMenuDelegate.canDragContent(true);
}

6

friend, not mentioned in the reply that the menu works when you click a button.
not only works when you drag with the touch

7

Friends, thank you all, thankfully worked,
but the real reason of the problem do not know what it was.

1 Like