【问题标题】:Replace back button with side menu icon in Ionic用 Ionic 中的侧面菜单图标替换后退按钮
【发布时间】:2017-02-22 06:13:15
【问题描述】:

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

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

我总是想在这里显示侧边菜单。

请看下图:

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>

【问题讨论】:

  • 使用this.navCtrl.setRoot(MYPAGE) 而不是this.navCtrl.push(MYPAGE)
  • 我需要在哪里添加这个?我正在研究 ionic1
  • 对不起,我以为你用的是 ionic 2

标签: ionic-framework


【解决方案1】:

使用 ng-click 功能代替 ui-sref 和

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

【讨论】:

    猜你喜欢
    • 2016-08-21
    • 1970-01-01
    • 2018-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-30
    • 2021-10-26
    相关资源
    最近更新 更多