管理菜单和后退按钮

时间:2017-05-28 18:37:05

标签: angularjs ionic-framework ionic-material

这是我目前的模板。该应用基于 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项目访问页面,我只看到下一页标题上的菜单(汉堡包)按钮。但是,如果我使用主页中的按钮访问同一页面,我会看到后退按钮。 有时候他们甚至会同时出现。

如何手动控制按钮&#39;能见度和行为?

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

  • 点击左侧菜单中的浏览 - &gt;你可以看到菜单按钮
  • 点击主页上的浏览按钮 - &gt;你可以看到后面和菜单按钮

  • 点击左侧菜单中的搜索 - &gt;你只能看到菜单按钮

  • 点击主页上的搜索按钮 - &gt;你可以看到两个按钮重叠! (这个是我自己介绍的一些css问题,我猜)

编辑我解决了只是覆盖<ion-nav-buttons> 行为,每次查看是否需要它,而不使用需要<ion-nav-back-button>的{​​{1}}作为父亲的指示。 例如:

<ion-nav-bar>

0 个答案:

没有答案