I’m making an application that contains a right lateral menu by which I navigate to different parts of the application .
I have an initial view , through which I can also navigate to different views.
If I navigate from the side menu (side menu ) and the back button disappears and only see the icon menu , which is perfect . However, the back button and icon lateral menu if I sail from the initial view appears .
I tried adding " enable- menu- with- back- views" but not working . Leave the most important parts of my code to see if I can help .
menuView.html
<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content ng-controller="ContentController">
<ion-nav-bar align-title="left" class="bar bar-header bar-light customBar">
<ion-nav-back-button class="button-clear backButton">
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent">
</ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left">
<ion-content class="menu">
<h1>Menu</h1>
<ul class="list">
<li><div class="asterik mHome"></div><a href="#/event/dashboard" class="item" menu-close>Inicio</a><div class="clear"></div></li>
<li><div class="asterik mEvents"></div><a href="#/event/events" class="item" menu-close>Eventos</a><div class="clear"></div></li>
<li><div class="asterik mOffers"></div><a href="#/event/offers" class="item" menu-close>Ofertas</a><div class="clear"></div></li>
<li><div class="asterik mNews"></div><a href="#/event/news" class="item" menu-close>Noticias</a><div class="clear"></div></li>
<li><div class="asterik mArticles"></div><a href="#/event/articles" class="item" menu-close>Artículos</a><div class="clear"></div></li>
<li><div class="asterik mClients"></div><a href="#/event/clients" class="item" menu-close>Clientes</a><div class="clear"></div></li>
<li><div class="asterik mShops"></div><a href="#/event/shops" class="item" menu-close>Tiendas</a><div class="clear"></div></li>
</ul>
</ion-content>
</ion-side-menu>
dashboarview.html
<ion-view class="dashboardBar">
<ion-nav-buttons side="left">
<button class="button button-clear backButton" menu-toggle="left">
<i class="icon ion-navicon"></i>
</button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button button-icon button-clear settingIcon"></button>
</ion-nav-buttons>
<ion-content>
<div class="contentImage">
<div class="whiteSeparator"></div>
<img src="img/imageDashboard.png" />
<div class="slogan">
<h2>EDUCAMOS JUGANDO</h2>
<h3>Aprendemos juntos</h2>
</div>
</div>
<div class="contentOptions">
<div class="options eventsOptions" ng-click="events()">
<h4>EVENTOS</h4>
</div>
<div class="options offersOptions" ng-click="offers()">
<h4>OFERTAS</h4>
</div>
<div class="options newsOptions" ng-click="news()">
<h4>NOTICIAS</h4>
</div>
<div class="options articleOptions" ng-click="articles()">
<h4>ARTÍCULOS</h4>
</div>
<div class="options clientsOptions" ng-click="clients()">
<h4>CLIENTES</h4>
</div>
<div class="options shopsOptions" ng-click="shops()">
<h4>TIENDAS</h4>
</div>
</div>
</ion-content>
eventview.html
<ion-view view-title="Eventos" class="eventsBar">
<ion-nav-buttons side="left">
<button class="button button-clear backButton" ng-show="$root.showMenuIcon" menu-toggle="left">
<i class="icon ion-navicon"></i>
</button>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<button class="button button-icon button-clear orderIcon"></button>
</ion-nav-buttons>
<ion-content>
<!-- List of events -->
<ion-list show-delete="false" can-swipe="true">
<ion-item ng-repeat="event in events" ng-click="eventDetails($index)">
<div class="eventItem">
<div class="eventInfoItem">
<h3>{{event.Titulo}}</h3>
<p class='small'><strong>Fecha:</strong> {{event.FechaInicio}}</p>
<p class='small'><strong>Horario:</strong> {{event.Horario}}</p>
</div>
<div class="eventValueItem">
<!--<p class='new'>Nuevo</p>-->
<img src="img/nexticon.png">
</div>
<div class="clear"></div>
</div>
<div class="separator"></div>
</ion-item>
</ion-list>
</ion-content>
Thanks in advance!