这是我目前的模板 . 该应用程序基于ionic1 sidemenu模板 . menu.html
<ion-side-menus enable-menu-with-back-views="true" ng-controller="menuCtrl">
<ion-side-menu-content>
<ion-nav-bar class="" ng-class="{expanded: isExpanded, 'has-header-fab-left': hasHeaderFabLeft, 'has-header-fab-right': hasHeaderFabRight}" align-title="left">
<ion-nav-back-button class="no-text"> </ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="fabContent"></ion-nav-view>
<ion-nav-view name="menuContent" ng-class="{expanded: isExpanded}" ></ion-nav-view>
</ion-side-menu-content>
<ion-side-menu side="left" class="menu">
...
</ion-side-menu>
</ion-side-menus>
我看到后退按钮有一个奇怪的行为 . 例如:如果从我的主页我通过sidemenu项目访问页面,我只看到下一页 Headers 上的菜单(汉堡包)按钮 . 但是,如果我使用主页中的按钮访问同一页面,我会看到后退按钮 . 有时他们甚至都表现出来 .
如何手动控制按钮的可见性和行为?
Here the sample code to study the buttons behaviour http://plnkr.co/edit/ojjKKi?p=preview您可以看到不同导航路径的至少2种不同行为:
-
点击左侧菜单中的 Browse - >您可以看到菜单按钮
-
点击主页上的 Browse 按钮 - >你可以看到两个背面和菜单按钮
-
点击左侧菜单中的 Search - >你可以看到菜单按钮
-
点击主页上的 Search 按钮 - >你可以看到两个按钮重叠! (这个是我自己介绍的一些css问题,我猜)
EDIT : I solved simply overriding the <ion-nav-buttons> 行为每个视图都需要它,而不使用 <ion-nav-back-button>
,需要 <ion-nav-bar>
作为父指令 . 例如:
<ion-view view-title="myview">
<ion-nav-buttons side="side">
<button class="button back-button buttons no-text button-clear header-item" ng-click="prev()"><i class="icon ion-android-arrow-back"></i> <span class="back-text"></span></button>
</ion-nav-buttons>
<ion-content ng-class="">
[...]
</ion-content>