I have an application with slide menu, routed correctly and displays the screens / views.
I need when start the application,suppose should add logic in app.run, check a condition (if the user is logged in). If it is true, as now, shows the menu slide. But if it is not true, show a login screen. Do not display the menu in this case, or allow navigate to another view.
How do I hide the menu? Some guiding example to make something similar?
Newly entered the ionic and angular world. Thanks for your time
Sorry, I found similar post later:
Hi i am new to Ionic as well Angular. How can i disable the drag event on side menu. I don't want to reveal side menus on dragging the center content. I have found something called 'defaultPrevented' in ionic's js files to prevent but can't...
Reading time: 2 mins 🕑
Likes: 70 ❤
I have an application with sidemenu, based on sidemenu template. In addition the standard screen navigated from menu, I have a login page which is not part of the menu. I defined this login in app.js: $urlRouterProvider.otherwise('/app/login'); ...
But something is wrong, I can not hide the menu, try a variable in menu.html and $ionicSideMenuDelegate.canDragContent. Some help?
Menu.html
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content drag-content="true">
<ion-nav-bar class="bar-balanced">
<ion-nav-back-button>
</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>
<ion-side-menu side="left">
<ion-header-bar class="bar-energized">
<h1 class="title">Ranking Metro</h1>
</ion-header-bar>
<ion-content class="has-header">
<ion-list>
<ion-item nav-clear menu-close href="#/app/ranking">Ranking</ion-item>
<ion-item nav-clear menu-close href="#/app/enviarrdo">Enviar Resultado</ion-item>
<ion-item nav-clear menu-close href="#/app/perfil">Perfil</ion-item>
<ion-item nav-clear menu-close href="#/app/clubes">Clubes</ion-item>
<ion-item nav-clear menu-close href="#/app/contacto">Contacto</ion-item>
</ion-list>
</ion-content>
</ion-side-menu>
</ion-side-menus>
Controller:
angular.module('rm.menuctrl', [])
.controller('MenuCtrl', function($scope, $ionicSideMenuDelegate, Config) {
var slideSideMenu = Config.slideSideMenu;
$ionicSideMenuDelegate.canDragContent(slideSideMenu);
});
Thanks!