Hi,
I started from the ion-side-menu starter and I am trying to change one of the view to have tabs.
It was working fine until I upgraded the lib to b14.
Since b14, it doesn’t work well at all. so tried again from scratch and managed more or less to get tabs, with some issues.
Let’s take an easy example:
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: 'MainCtrl'
})
.state('app.tabs', {
url: "/armory",
views: {
'menuContent': {
abstract: true,
templateUrl: "templates/tabs.html",
controller: 'TabsCtrl'
}
}
})
.state('app.tabs.one', {
url: '/one',
views: {
'tabOne': {
templateUrl: 'templates/tabs.one.html',
}
}
})
.state('app.tabs.two', {
url: '/two',
views: {
'tabTwo': {
templateUrl: 'templates/tabs.two.html',
},
}
})
My menu has entries for each view, including one for app.tabs:
templates/menu.html
<ion-item nav-clear menu-close href="#/app/tabs">Tabs</ion-item>
My abstract tabs is as follows:
templates/tabs.html
<ion-tabs class="tabs-striped tabs-bottom tabs-background-dark tabs-light">
<ion-tab title="Tab One" ui-sref="app.tabs.one">
<ion-nav-view name="tabOne"></ion-nav-view>
</ion-tab>
<ion-tab title="Tab Two" ui-sref="app.tabs.one">
<ion-nav-view name="tabTwo"></ion-nav-view>
</ion-tab>
</ion-tabs>
(by the way, tabs-bottom doesn’t work since b14, it’s at the top anyway on Android, that sucks)
and each tab is pretty simple:
templates/tabs.one.html
<ion-view view-title="Tab One">
<ion-content>Tab One I am</ion-content>
</ion-view>
Sounds cool, and when I click on Tabs in the side menu, I do see Tab One, so far so good!
Now I click Tab Two from the main view… and I see… Tab Two, yay!
Now I click Tab One and… nothing happens!
Basically I’m stuck on that Tab Two at this point.
More interesting is that I can still open the side-menu, go to another view, but once I’m on another view, I cannot go back to the Tabs view.
Clicking on Tabs in the side-menu doesn’t change the content of the page any more.
I can go to other, non-tabbed views…
Any luck to make tabbed views work as views opened from a side-menu in ionic beta 14?
Thanks,
Thomas