首页 文章

用Ionic中的侧面菜单图标替换后退按钮

提问于
浏览
0

我创建了一个带侧边菜单的Ionic应用程序 . 有一页'test.html',我可以通过两种方式进入,即从侧面菜单和按钮点击 . 按钮位于“test2.html”页面上 .

当我从侧面菜单到test.html,它的工作正常 . 但是当我按下按钮时,显示后退按钮而不是侧面菜单图标 .

我总是希望在这里显示侧面菜单 .

请看下面的图片:

enter image description here

SideMenu.html

<ion-side-menus enable-menu-with-back-views="false" class="menu-page">
      <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
     </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="menuContent"></ion-nav-view>
 </ion-side-menu-content>
 <ion-side-menu side="left" class="left-nav">

   <ion-content scroll="false"  has-bouncing="false">
    <div class="user-info text-center">

   </div>
     <ion-list>
          <a class="item item-icon-left" menu-close ui-sref="app.menuscreen" ui-sref-active="selected">
             <i class="ion-home"></i><span>Home</span>
         </a>
      </ion-list>
   </ion-content>
  </ion-side-menu>
</ion-side-menus>

1 回答

  • 1

    而不是ui-sref使用ng-click功能和

    $scope.function($scope, $state, $ionicHistory)
    $ionicHistory.nextViewOptions({
       disableBack: true
    });
    $state.go("your page path");
    })
    

相关问题