I try to toggle the right side menu by using on-swipe-right, but it failed to toggle the side menu (but it works on on-swipe-left):
<ion-view hide-nav-bar="true">
<ion-content class="base-bg" scroll="false" on-swipe-left="toggleRightMeu()" on-swipe-right="toggleRightMeu()">
<div id="divTest" style="top:0; right:0;position:absolute;">
<button class="button button-icon icon ion-navicon" style="color:white;" ng-click="toggleRightMeu()"></button>
</div>
<div class="logo">
<img src="img/logo.png" />
</div>
<form>
<div class="list list-inset ui-login ui-lp">
<label class="item login-item">
<button class="button button-block button-positive" type="submit">Existing Customer</button>
</label>
<label class="item login-item">
<button class="button button-block button-positive" type="submit" ng-click="goRegistrationStep1()">New Customer</button>
</label>
</div>
</form>
</ion-content>
</ion-view>
And the controller:
.controller('testCtrl', function ($rootScope, $scope, $state, $stateParams, $ionicSideMenuDelegate, $timeout, $ionicNavBarDelegate, $ionicLoading, $http)
{
$scope.toggleRightMeu = function () { $ionicSideMenuDelegate.toggleRight();
};