I am developing an android app using ionic framewrok ,in this the toggle
menu is missing when back from another page.
This is defalut view
home.html
<ion-view hide-back-button="true" view-title="HOME">
<ion-nav-buttons side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons>
<ion-content class="has-header text-center">
<div class="row nopadding">
<div class="col nopadding"><img src="img/home_icon/top.jpg" width="100%"></div>
</div>
<div class="row nopadding">
<div class="col nopadding"><a href="#/app/notes"><img src="img/home_icon/about.jpg" width="100%"></a></div>
<div class="col nopadding"><a href="#app/culture"><img src="img/home_icon/kerala.jpg" width="100%"></a></div>
</div>
</ion-content>
</ion-view>
when user clicks on about.jpg
it will go to notes.html
notes.html
<ion-view view-title="Notes">
<ion-content>
<h1>Notes</h1>
<div class="card">
<div class="item item-text-wrap">
This is a basic Card which contains an item that has wrapping text.
<a href="#/app/note-details">Details</a>
</div>
</div>
<div class="card">
<div class="item item-text-wrap">
This is a basic Card which contains an item that has wrapping text.
</div>
</div>
</ion-content>
</ion-view>
Here is app.js
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.notes', {
url: '/notes',
views: {
'menuContent': {
templateUrl: 'templates/notes.html'
}
}
})
.state('app.home', {
url: '/home',
views: {
'menuContent': {
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
}
}
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/home');
});
when i press the backbutton from notes.hml
page it navigate back to the home.html
but the toggle menu is missing untill the refresh.
How to solve this probelm??