Ionic从导航按钮导航添加到导航栏

时间:2015-07-02 11:22:15

标签: ionic

使用Ionic选项卡和导航演示,我一直在构建一个简单的应用程序。

以下是我一直用作模板的示例代码: http://codepen.io/ionic/pen/odqCz

在我的应用程序中,我想将信息按钮添加到导航栏,这可以是“辅助”(右),以便在浏览堆栈时不会干扰左侧显示的后退按钮。

以下是我添加了信息按钮的其中一个标签页的/模板:

<ion-view view-title="Gallery">

      

  </button>
</ion-nav-buttons>

    <ion-content class="padding">
      <h3>Digit2Widgets Gallery Showcase.</h3>
      <p>
        <a class="button button-block button-light" href="#/tab/Demo1">Gallery Demo 1</a>
        <a class="button button-block button-light" href="#/tab/galleryDemo2">Gallery Demo 2</a>
      </p>
    </ion-content>
  </ion-view>

现在画廊演示按钮下方工作并导航到demo1但顶部的按钮添加到导航栏却没有,即使它们的结构方式相同?我怎样才能解决这个问题? 有没有更简单的方法在导航栏的右侧添加永久信息按钮?

非常感谢任何帮助。

佛瑞德

1 个答案:

答案 0 :(得分:0)

我现在确实得到了答案:

向Nav添加按钮时应使用ui-sref通过传递状态名称进行导航:

<button class="button button-icon icon ion-ios-information-outline" ui-sref="tab.Demo1">

:)