使用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但顶部的按钮添加到导航栏却没有,即使它们的结构方式相同?我怎样才能解决这个问题? 有没有更简单的方法在导航栏的右侧添加永久信息按钮?
非常感谢任何帮助。
佛瑞德
答案 0 :(得分:0)
我现在确实得到了答案:
向Nav添加按钮时应使用ui-sref通过传递状态名称进行导航:
<button class="button button-icon icon ion-ios-information-outline" ui-sref="tab.Demo1">
:)