I have a app with left menu. Now I want to change one of by pages to contain tabs. This causes me a lot of problems. So I need some extras eyes on what I am doing wrong.
In my app.js here is a part of my configuration:
.state(‘app’, {
url: ‘/app’,
abstract: true,
templateUrl: ‘templates/menu.html’,
controller: ‘AppController’
})
.state('app.userlist', {
url: '/userlist',
cache: false,
views: {
'menuContent': {
templateUrl: 'templates/userlist.html',
controller: 'UserListController'
}
}
})
.state('app.supscription', {
url: '/subscription',
abstract: true,
views: {
'menuContent': {
templateUrl: 'templates/subscriptionTabs.html'
}
}
})
I want the subscription page to contain tabs.
if I do not use views with menuContent the subscription page is blank.
The subscriptionTabs.html look like this:
<ion-tabs class="tabs-icon-top tabs-positive">
<ion-tab title="Names" icon="ion-home" href="#/subscription/names">
<ion-nav-view name="subscriptionTab"></ion-nav-view>
</ion-tab>
<ion-tab title="Types" icon="ion-ios7-information" href="#/subscription/types">
<ion-nav-view name="subscriptionTab"></ion-nav-view>
</ion-tab>
</ion-tabs>
and the first page names is defined like this:
<ion-view view-title="Subscription Names">
<ion-content class="has-header">
<div class="card">
<div class="item item-text-wrap">
subscription names
</div>
</div>
</ion-content>
</ion-view>
in the app.js the tab pages are configured in this way:
.state('app.supscriptionNames', {
url: '/names',
views: {
'subscriptionTab': {
templateUrl: 'templates/subscriptionNames.html',
controller: 'HelpController'
}
}
})
.state('app.supscriptionTypes', {
url: '/types',
views: {
'subscriptionTab': {
templateUrl: 'templates/subscriptionTypes.html',
controller: 'HelpController'
}
}
})
When running the console and server log do not shows any errors.