2017-01-08 15 views
1

私はイオンプロジェクトで作業していますが、私はsidemenuとタブテンプレートの両方を使用しています。私が気付いたのは、サイドメニューのリンクをクリックしたときですナビゲートすると、戻るボタンは表示されません。スクリプトをナビゲートしてメニューを閉じると、サイドボタンを閉じることなく戻るボタンが表示されます。 sidemenuがイオン閉じ込めのアトリビュートが戻るボタンが消える

<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> 

答えて

2

私はあなたが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の両方を注入することを忘れないでください。

これで、「レポート」(サイドバーから)に戻るボタンが必要になります。

関連する問題