从添加到导航栏的导航按钮的离子导航答案

【问题标题】：Ionic Navigating from nav-button added to nav-bar从添加到导航栏的导航按钮的离子导航
【发布时间】：2015-07-02 11:22:14
【问题描述】：

使用 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，但添加到导航栏的顶部按钮不起作用，即使它们的结构相同？我怎样才能解决这个问题？有没有更简单的方法可以在导航栏右侧添加永久信息按钮？

非常感谢任何帮助。

弗雷德

【问题讨论】：

标签： ionic

【解决方案1】：

其实我现在已经得到答案了：

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

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

【讨论】：