1

目前这里是我的模板。该应用程序基于ionic1 sidemenu 模板。菜单.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>

我看到后退按钮有一个奇怪的行为。例如：如果我从我的主页通过侧菜单项访问一个页面，我只会在下一页的标题上看到菜单（汉堡包）按钮。但是，如果我使用主页中的按钮访问同一页面，我会看到后退按钮。有时他们甚至同时显示两者。

如何手动控制按钮的可见性和行为？

这里是研究按钮行为的示例代码 http://plnkr.co/edit/ojjKKi?p=preview 您可以看到不同导航路径的至少 2 种不同行为：

  • 单击左侧菜单中的“浏览”-> 您只能看到菜单按钮

  • 单击主页上的浏览按钮->您可以看到返回和菜单按钮

  • 单击左侧菜单中的“搜索”-> 您只能看到菜单按钮

  • 单击主页上的搜索按钮-> 您可以看到两个按钮重叠！（这个是我自己介绍的一些css问题，我猜）

编辑：我解决了简单地覆盖<ion-nav-buttons>每个视图需要它的行为，而不使用<ion-nav-back-button>which needs<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>
4

0 回答 0