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

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>

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

也许我在选项卡上使用了错误或在抽象状态上缺少了某些内容，但是我尝试在每个选项卡的离子视图中使用隐藏按钮，并尝试调试历史记录是否与运气无关：/

请，任何指导将不胜感激。

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>

更新了jsfiddle