带选项卡的离子导航后退按钮

Question

我正在尝试使用选项卡进行工作导航。

这里有一个关于这个问题的 jsfiddle： http://jsfiddle.net/brayancastrop/fgcruwxg/1/

我有一个选项卡式视图，加载时没有后退按钮或过渡。

<script type="text/ng-template" id="templates/conference.html">
    <ion-tabs tabs-type="tabs-icon-only" has-header=true padding=true>
        <ion-tab title="Info" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" href="#/events/1/conferences/1/information">
            <ion-nav-view name="conferenceInformation"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Presentation" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline" href="#/events/1/conferences/1/presentation">
            <ion-nav-view name="conferencePresentation"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

</script>

现在，当我去参加一个活动时，后退按钮正确显示在导航栏中，但当我去参加会议时，后退按钮既没有出现，也没有过渡动画。

也许我使用了错误的选项卡或在抽象状态上遗漏了一些东西，但我已经尝试在每个选项卡的 ion-view 中使用 hide-back-button 并尝试调试历史是否有问题没有运气：/

请提供任何指导。

Answer 1

看起来你的 <ion-nav-view name="conferenceInformation"></ion-nav-view> 嵌套在你的 ion-tabs 中，这不起作用。我认为它需要在 ion-tabs 指令之上。

改变这个：

<script type="text/ng-template" id="templates/conference.html">
    <ion-tabs tabs-type="tabs-icon-only" has-header=true padding=true>
        <ion-tab title="Info" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" href="#/events/1/conferences/1/information">
            <ion-nav-view name="conferenceInformation"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Presentation" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline" href="#/events/1/conferences/1/presentation">
            <ion-nav-view name="conferencePresentation"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

</script>

对此：

<script type="text/ng-template" id="templates/conference.html">
    <ion-nav-view name="conferenceInformation"></ion-nav-view>
    <ion-tabs tabs-type="tabs-icon-only" has-header=true padding=true>
        <ion-tab title="Info" icon-on="ion-ios7-filing" icon-off="ion-ios7-filing-outline" href="#/events/1/conferences/1/information">

        </ion-tab>

        <ion-tab title="Presentation" icon-on="ion-ios7-clock" icon-off="ion-ios7-clock-outline" href="#/events/1/conferences/1/presentation">
            <ion-nav-view name="conferencePresentation"></ion-nav-view>
        </ion-tab>

    </ion-tabs>

</script>

Updated jsfiddle

带选项卡的离子导航后退按钮

Ionic navigation back button with tabs

ionic-framework

ionic