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

时间:2017-02-22 06:13:16

标签: ionic-framework

我创建了一个带侧边菜单的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 个答案:

答案 0 :(得分:1)

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

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