链接到子标签页不允许标签转到主页

时间:2016-04-12 19:25:38

标签: ionic-framework

以下是我的结构示例。

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>

0 个答案:

没有答案