带有标签的离子导航返回按钮

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