2015-07-02 326 views
0

使用离子选项卡和导航演示我一直在构建一个简单的应用程序。离子导航从导航按钮添加到导航条

这里是codepen例如我一直使用作为模板来遵循: 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

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

当添加按钮NAV应使用UI-SREF通过将国家名称导航:

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

:)