【问题标题】:Navigation between two ion-views without nav bar没有导航栏的两个离子视图之间的导航
【发布时间】:2015-08-13 23:32:14
【问题描述】:

我正在使用出色的 Ionic 框架来构建我的第一个应用程序。

我希望能够在离子视图之间导航而无需使用导航栏。

我有 page1 和 Page2 我可以从第 1 页导航到第 2 页,但我可以从第 2 页回到第 1 页。

我正在使用一个简单的按钮来导航:

<button class="button button-clear button-positive" ui-sref="tab.chats" >go</button>

这是我的完整代码:PLUNKER CODE + DEMO

【问题讨论】:

    标签: angularjs angular-ui-router ionic-framework


    【解决方案1】:

    您使用错误的标签。

    您的标签必须包含在 tabs 指令中。

    <ion-tabs class="tabs-item-hide">
    
      <ion-tab title="dash" href="#/tab/dash">
        <ion-nav-view name="tab-dash"></ion-nav-view>
      </ion-tab>
    
      <ion-tab title="chats" href="#/tab/chats">
        <ion-nav-view name="tab-chats"></ion-nav-view>
      </ion-tab>
    
    </ion-tabs>
    

    tabs-item-hide 因为你想隐藏它们。

    Plunker.

    【讨论】:

    • 感谢您的回答,但是如何保持导航过渡效果?
    • @YasserB.:你几乎不接受答案。你几乎没有投票。我为什么要打扰??
    • @LeftyX +1,完全同意!
    • 对不起,我只是想了解更多为什么幻灯片效果不起作用,再次感谢 :)