以下是我的结构示例。
Home
Closure
| - Inside Page 1
Progress
Resources
| - Inside Page 2
我的第一个问题是当点击“Home”的“Inside Page 2”链接时,后退按钮不会显示。那很好(至少对我来说,不确定项目业主)。我的主要问题是当我点击“资源”选项卡时,它不会将我带到那个视图。它只显示“Inside Page 2”。如果我先访问过该标签,我只能访问“资源”。
以下是我的内页和主标签页的状态。
.state('tab.resources', {
url: '/resources',
views: {
'tab-resources': {
templateUrl: 'templates/tab-resources.html',
controller: 'NothingCtrl'
}
}
})
.state('tab.resources.social', {
url: '/social',
views: {
'tab-resources@tab': {
templateUrl: 'templates/resources/social.html',
controller: 'SocialCtrl'
}
}
})
这是我的tabs.html。
<ion-tabs class="tabs-icon-top tabs-color-active-positive">
<!-- Home Tab -->
<ion-tab title="Home" icon="mb-icon icon-home" ui-sref="tab.home">
<ion-nav-view name="tab-home"></ion-nav-view>
</ion-tab>
<!-- Closures Tab -->
<ion-tab title="Closures" icon="mb-icon icon-closures" ui-sref="tab.closures">
<ion-nav-view name="tab-closures"></ion-nav-view>
</ion-tab>
<!-- Progress Tab -->
<ion-tab title="Progress" icon="mb-icon icon-progress" ui-sref="tab.progress">
<ion-nav-view name="tab-progress"></ion-nav-view>
</ion-tab>
<!-- Resources Tab -->
<ion-tab title="Resources" icon="mb-icon icon-resources" ui-sref="tab.resources">
<ion-nav-view name="tab-resources"></ion-nav-view>
</ion-tab>
</ion-tabs>