ionic-framework - 带选项卡的 Ionic 导航后退按钮

Question

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

这是一个有问题的jsfiddle: http://jsfiddle.net/brayancastrop/fgcruwxg/1/

我有一个选项卡式 View ，无需后退按钮或转换即可加载。

<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>

现在，当我去参加事件时，后退按钮会正确显示在导航栏中，但是当我去参加 session 时，后退按钮既不会出现也不会出现过渡动画。

也许我使用了错误的选项卡或在抽象状态上丢失了某些内容，但我尝试在每个选项卡的 ionic View 中使用隐藏后退按钮，并尝试调试历史记录是否与运气有关:/

请提供任何指导，我们将不胜感激。

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