Side menu appears only after refresh - angularjs

Question

I want to create a mobile app with Ionic framework (my first one). I've created expense.html and expense-detail.html. The sidemenu appears correctly on the expense.html but on the "child" page it appears only after refresh. Here is my code:
This is my side-menu:
<ion-side-menus>
<ion-side-menu-content>
<ion-header-bar class="bar-header bar-dark">
<button class="button button-icon icon ion-navicon" menu-toggle="left"></button>
<div class="h1 title">My Money Tracker</div>
</ion-header-bar>
<ion-nav-view name="mainContent" animation="slide-left-right"></ion-nav-view>
<ion-content></ion-content>
</ion-side-menu-content>
<ion-side-menu side="left">
<a menu-close ui-sref="app.expenses" class="item">Expenses</a>
<a menu-close ui-sref="app.incomes" class="item">Incomes</a>
<a menu-close ui-sref="app.categories" class="item">Categories</a>
<a menu-close ui-sref="app.statistics" class="item">Statistics</a>
<a menu-close ui-sref="app.account" class="item">Account</a>
</ion-side-menu>
</ion-side-menus>
These are the states of the application:
.state('app.expenses', {
url:"/expenses",
views: {
"mainContent" : {
templateUrl : "app/expenses/expenses.html"
}
}
})
.state('app.expense-detail', {
url:"/expenses/:id",
views: {
"mainContent" : {
templateUrl : "app/expenses/expense-detail.html"
}
}
})
The sidemenu appears on all of app.* states by default except for app.*-detail in which it appears only after a refresh.
What am I doing wrong?

Answer 1

I solved this problem by reading this http://ionicframework.com/docs/api/directive/menuToggle/ and adding enable-menu-with-back-views="true" to the side menu