离子侧菜单项目返回导航

时间:2016-02-19 09:35:56

标签: angularjs ionic-framework ionic-view

我正在尝试完成两个选项卡和滑动侧面菜单,但在进入侧面菜单项后无法返回按钮。我是Ionic / Angular Routing的新手,但我认为要使它工作,我需要使用app.js和状态进行操作。

<ion-side-menus>
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable bar-positive">
      <ion-nav-back-button></ion-nav-back-button>
      <ion-nav-buttons side="left">
        <button menu-toggle="left" class="button button-icon icon ion-navicon" ng-click="toggleRight()"></button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-balanced">
      <h1 class="title">MyApp</h1>
    </header>
    <ion-content class="has-header">
      <ion-list>
        <ion-item menu-close ui-sref="about">
          About
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

我的apps.js看起来像这样:

.state('tab', {
        url: '/tab',
        abstract: true,
        templateUrl: 'templates/tabs.html'
      })

 (...tab states...)

 .state('about', {
    url: '/about',
    templateUrl: 'templates/side/about.html',
    controller: 'AboutController',
  })

当我输入其中一个侧面菜单项然后模板时,我应该怎么做回导航按钮(或者至少在导航栏上设置一些自定义按钮以重定向到主页?)

2 个答案:

答案 0 :(得分:0)

你试过这个吗?

$ ionicNavBarDelegate.showBackButton(真);

$ionicNavBarDelegate api guide

答案 1 :(得分:0)

您可以在下面的代码中添加后退按钮。

  

&LT; ion-side-menus enable-menu-with-back-views =“true”&gt;   ....   &LT; /离子侧菜单&GT;

http://ionicframework.com/docs/api/directive/ionSideMenus/