I have an app that has tab menus at the bottom but also have a back button after you are navigating from the first page. The issue is, I get to the first page after logging in and the first tab is highlighted, then I choose an option that is on that first page. The back button is then present and my first tab is still highlighted (on this 2nd page) but if I push the first tab again nothing happens, the only way I can get back to the first page is by pushing the back button. Obviously I want to be able to push the tab icon again and return to the first page, any thoughts?
Here is the relavent code from my router:
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'LoginController',
cache: false
})
.state('app.subscriptions', {
url: '/subscriptions',
views: {
'menuContent': {
templateUrl: 'templates/subscriptions.html',
controller: 'SubsController'
}
}
})
.state('app.single-sub', {
url: '/subscriptions/:sID',
//abstract: true,
views: {
'menuContent': {
templateUrl: 'templates/single-sub.html',
controller: 'SubsController'
}
}
})
and here is my abstract menus view:
<ion-nav-bar class="bar-custom" align-title="center">
<!-- Add Back Button Directive -->
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="menuContent">
<ion-tabs class="tabs-stable tabs-icon-top" ng-class="{'tabs-item-hide': hideTabs}">
<ion-tab title="Home" icon="ion-home" ui-sref="app.subscriptions">
<ion-nav-view name="home"></ion-nav-view>
</ion-tab>
<ion-tab title="Feed" icon="ion-ios-paper" ui-sref="app.headlines">
<ion-nav-view name="feed"></ion-nav-view>
</ion-tab>
<ion-tab title="Saved" icon="ion-bookmark" ui-sref="app.saved-posts">
<ion-nav-view name="saved"></ion-nav-view>
</ion-tab>
<ion-tab title="Account" icon="ion-gear-a" ui-sref="app.accounts">
<ion-nav-view name="account"></ion-nav-view>
</ion-tab>
<ion-tab title="More" icon="ion-ios-more" ui-sref="app.more">
<ion-nav-view name="more"></ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-nav-view>