在離子的菜單關閉attritube使返回按鈕消失

我正在研究一個離子項目，我使用sidemenu和選項卡模板，我已經意識到當我點擊sidemenu中的任何鏈接，它導航，後退按鈕不顯示，當我拿出菜單關閉我的腳本導航和後退按鈕顯示不關閉sidemenu。我能找到一個出路如何使後退按鈕表演而sidemenu關閉在離子的菜單關閉attritube使返回按鈕消失

<ion-side-menus enable-menu-with-back-views="true"> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-assertive" align-title="center"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 

     <ion-nav-buttons side="right"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> 
     </button> 
     </ion-nav-buttons> 
      <ion-nav-title> 
    <img src="img/logo_white.png" width="60" height="30" style="position:relative; top:7px" /> 

    </ion-nav-title> 
    </ion-nav-bar> 

<ion-tabs class="tabs-icon-top tabs-color-active-assertive tabs-stable"> 

    <!-- Dashboard Tab --> 
    <ion-tab title="Home" icon="ion-android-home" href="#/tab/home"> 
    <ion-nav-view name="tab-home"></ion-nav-view> 
    </ion-tab> 

    <!-- Chats Tab --> 
    <ion-tab title="News" icon="ion-ios-paper" href="#/tab/news"> 
    <ion-nav-view name="tab-news"></ion-nav-view> 
    </ion-tab> 

    <!-- Account Tab --> 
    <ion-tab title="Livescore" icon="ion-ios-football" href="#/tab/livescore"> 
    <ion-nav-view name="tab-livescore"></ion-nav-view> 
    </ion-tab> 

    <!-- Account Tab --> 
    <ion-tab title="Highlights" icon="ion-play" href="#/tab/highlights"> 
    <ion-nav-view name="tab-highlights"></ion-nav-view> 
    </ion-tab> 
</ion-tabs> 

    </ion-side-menu-content> 

    <!-- Side Menu (right) --> 
    <ion-side-menu side="right"> 
    <ion-header-bar class="bar-assertive"> 
     <h1 class="title">APP</h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 

     <ion-item menu-close href="#/tab/home"> 
      <i class="ion-home"></i> Home 
     </ion-item> 

     <ion-item menu-close href="#/tab/myteams"> 
      <i class="ion-android-star"></i> My Teams 
     </ion-item> 




     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus>

來源

2017-01-08 user6579134

我建議你通過討論去，在Any way to -not- reset history stack on menu-close?。根據Ionic文檔，menu close將重置歷史堆棧。

在sidebar.html，使用（例如）

<ion-item ng-click="closeMenu()" ui-sref="app.report">Report</ion-item>

代替：

<ion-item menu-close href="#/app/report">Report</ion-item>

並定義closeMenu（）爲：

$scope.closeMenu = function() { 
    $ionicHistory.nextViewOptions({disableAnimate: true}); 
    $ionicSideMenuDelegate.toggleLeft(); 
}

在應用程序的主

控制器（例如，在app.js中）：

.state('app', { 
    url: '/app', 
    abstract: true, 
    templateUrl: 'templates/sidebar.html', 
    controller: 'AppCtrl' 
    })

別忘了同時注入$ ionicHistory & $ ionicSideMenuDelegate。

通過這個，「報告」（從側邊欄）現在應該有後退按鈕。

來源

2017-01-09 23:11:08 Shivraj

在離子的菜單關閉attritube使返回按鈕消失

回答

相關問題