首页 文章

带标签的离子导航后退按钮

提问于
浏览
1

我正在尝试使用标签进行工作导航 .

这是一个问题的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>

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

也许我使用错误的标签或在抽象状态上遗漏了一些东西,但我尝试在每个标签的离子视图中使用隐藏后退按钮,并尝试调试历史记录有没有运气的事情:/

请,任何指导将是apreciated .

1 回答

  • 4

    看起来你的 <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

相关问题