デバイスをバックボタンをクリックする代わりに、それは目的のページを開き、任意の<code>ion-item</code>をクリックすると、前のページ

Question

に戻って行くのアプリを閉じますが、私はボタンを、デバイスをバッククリックした場合、それはむしろアンドロイドの前のページに戻って行くよりも、アプリを閉じます。

これは私のイオン性のサイドメニューです：ここで

<ion-side-menus enable-menu-with-back-views="false"> 
    <ion-side-menu-content> 
    <ion-nav-bar class="bar-positive"> 
     <ion-nav-back-button></ion-nav-back-button> 
     <ion-nav-buttons side="left"> 
     <button class="button button-icon icon ion-android-menu" 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"> 
    <ion-header-bar class="bar-positive"> 
     <h1 class="title"></h1> 
    </ion-header-bar> 
    <ion-content> 
     <ion-list> 
     <ion-item menu-close ng-click="login()"> 
      Login 
     </ion-item> 
     <ion-item menu-close ui-sref="app.search"> 
      Search 
     </ion-item> 
     <ion-item menu-close href="#/app/browse"> 
      Browse 
     </ion-item> 
     <ion-item menu-close href="#/app/playlists"> 
      Playlists 
     </ion-item> 
     </ion-list> 
    </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

はapp.jsです：

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

    .state('app.search', { 
    url: '/search', 
    views: { 
     'menuContent': { 
     templateUrl: 'templates/search/default.html' 
     } 
    } 
    }) 
    .state('app.search-form', { 
    url: '/search-form', 
    views: { 
     'menuContent': { 
     templateUrl: 'templates/search/search-form.html' 
     } 
    } 
    }) 

O私が見つけたねっソリューション：

$ionicHistory.nextViewOptions({   
    disableBack: true, 
    historyRoot: true 
});  

ボタンをクリックして次のページに行くときに、この意志は戻るボタンを無効にします。

Answer 1

戻るボタンのデフォルトの動作は次のとおりです。 履歴に戻る - 履歴スタックが空の場合は、 - >アプリケーションを終了します。

ハードウェアの戻るボタンをタップすると、現在の状態を確認する必要があります。

次のコード（モジュールの実行機能に配置）を使用すると、デフォルトの動作を上書きできます。たとえば、次のようなアプリ出口無効にすることができます。

$ionicPlatform.registerBackButtonAction(function (event) { 
    if($state.current.name=="app.home"){ 
    navigator.app.exitApp(); //<-- remove this line to disable the exit 
    } 
    else { 
    navigator.app.backHistory(); 
    } 
}, 100); 

を$ionicPlatformのマニュアルを参照してください。

Answer 2

サイドメニューの[menu-close]属性は、履歴を消去します。 menu-toggle="left"に置き換えることで試してみることができます。それはまだサイドバーを閉めるが、歴史を維持する。

以下のようなHWバックキーの動作をオーバーライドしました。 これを押すと、アプリを終了する前に開始ビューに移動します。サイドメニューではまだmenu-closeという属性を使用しています。また、私はwindow.localStorage["start_view"]に私のアプリで変更することができるので、開始URLを格納することに注意してください。この問題を解決するために、他の誰かを助けたり刺激したりしたいと考えています。

$ionicPlatform.registerBackButtonAction(function(event) { 
    if ($ionicHistory.backView() == null && $ionicHistory.currentView().url != window.localStorage["start_view"]) { 
     // Goto start view 
     console.log("-> Going to start view instead of exiting"); 
     $ionicHistory.currentView($ionicHistory.backView()); // to clean history. 
     $rootScope.$apply(function() { 
     $location.path(window.localStorage["start_view"]); 
     }); 
    } else if ($ionicHistory.backView() == null && $ionicHistory.currentView().url == window.localStorage["start_view"]) { 
     console.log("-> Exiting app"); 
     navigator.app.exitApp(); 
    } else { 
     // Normal back 
     console.log("-> Going back"); 
     $ionicHistory.goBack(); 
    } 
    }, 100); 

Answer 3

一つの解決策は次のようになります。

$ionicHistory.nextViewOptions({   
    disableBack: true, 
    historyRoot: true 
});  

Answer 4

これは、それ以外の場合は動作しませんでした、広がるのイベントを防ぐことができます。で

コード：https://stackoverflow.com/users/5378702/andre-kreienbring

$ionicPlatform.registerBackButtonAction(function (event) { 
    if(condition){ 
    navigator.app.exitApp(); //<-- remove this line to disable the exit 
    } 
    else { 
    navigator.app.backHistory(); 
    } 
    throw "PreventBackButton"; 
}, 100);