I have this state:
angular
.module('app.teams')
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('layout.teams', {
url: '/teams',
abstract: true,
views: {
'teams-tab': {
template: '<ion-nav-view name="content" animation="slide-left-right" />'
}
}
})
.state('layout.teams.list', {
url: '/list',
views: {
'content': {
templateUrl: 'teams/list/teams.list.html',
controller: 'TeamsController as vm'
}
}
});
});
and this layout:
<ion-view>
<ion-nav-view></ion-nav-view>
<ion-tabs class="tabs-icon-top tabs-stable">
<ion-tab title="Feed" icon="ion-social-rss" ui-sref="layout.feed()">
<ion-nav-view name="feed-tab"></ion-nav-view>
</ion-tab>
<ion-tab title="Teams" icon="ion-ios-people" ui-sref="layout.teams.list()">
<ion-nav-view name="teams-tab"></ion-nav-view>
</ion-tab>
</ion-tabs>
</ion-view>
When I open the layout.teams.list state for the first time, it loads just fine. But when I open that the second time, it doesn’t load anything on the screen.
video: