2016-07-13 5 views
0

私はイオンアプリを構築しています。ユーザーには常に前のページに戻るバックリンクがあります。私が気づいたのは、ユーザーがページの中央または中央にスクロールして新しいURLをクリックし、URL上の戻るボタンを使用して前のページに戻ると、ページが自動的に先頭から始まります再び。私はPCでテストするとき、状態はその状態を維持するが、私はアンドロイドの携帯電話にデプロイしたときに私はこれを発見した?新しいページを表示した後に前のページに移動する

JS

.controller('back_ctrl', function($scope, $ionicHistory) 
{ 
    $scope.goBack=function() 
    { 
     $ionicHistory.goBack();      //This doesn't work 
     //window.history.back();      //This works 
     //alert('goBackHandler called. Did it work?'); //For testing 
    }; 
}) 

HTMLあなたは、このいずれかのコントローラを作成しようとしているのはなぜ

<ion-nav-buttons side="left"> 
    <button class="button button-icon icon ion-chevron-left" ng-controller="back_ctrl" ng-click="goBack()"> </button> 
    </ion-nav-buttons> 

答えて

0

...イオンは、デフォルトとして、この機能を与えました。

あなたはこれを試してみるんでした:ユーザーが現在のナビゲーションスタックに戻って行くことができたとき

<!-- Header Start --> 
     <ion-nav-bar class="bar-stable"> 

      <ion-nav-buttons side="left"> 
       <i class="fa fa-navicon"></i>      
      </ion-nav-buttons> 
      <ion-nav-back-button></ion-nav-back-button> 
      <h1 class="title"></h1> 
      <ion-nav-buttons side="right"> 
       <i class="fa fa-search"></i>    
      </ion-nav-buttons> 

     </ion-nav-bar>       
     <!-- Header End --> 

をので、ion-nav-back-buttonが表示されます。デフォルトでは、戻るボタンのマークアップは、プラットフォームに適したデフォルト(iOSのiOS戻るボタンアイコンとAndroidのAndroidアイコン)を使用して自動的に作成されます。

さらに、ボタンはクリック/タップ時に自動的に$ionicGoBack()に設定されます。デフォルトでは、戻るボタンがクリックされると、アプリケーションは1つのビューをナビゲートします。

関連する問題