Ion-side-menu icon not hidden when back button is showing


#1

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!