angular+ionic返回上一頁並重新整理頁面，angularionic

angular+ionic返回上一頁並重新整理頁面，angularionic

假定當前頁面為editCata頁面，要返回的是cataDetail頁面。目前我找到兩種方法實現返回上一頁並重新整理，如果以後有其它方法，再繼續添加。

1、在editCataCtrl.js中注入$ionicHistory服務. 使用$ionicHistory.goBack()方法即可返回到上一頁面。

JS端代碼：

$scope.goBack=function(){   $ionicHistory.goBack();  }

HTML代碼：

<button class="button button-clear" ng-click="goBack()">返回上一頁</button>

如果需要返回上一頁時，重試載入頁面，在上一頁editCataCtrl.js中添加以下代碼：

//其他頁面返回此頁面時重新整理資料$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh為自訂的方法，可根據個人需要調用

2、可以試一下$state.go("路徑名",{參數},{reload:true});

******************************************************

上述的重新整理頁面效果在實際過程中並沒有起到效果，可以通過

$ionicView.beforeEnter

事件重新整理頁面

//其他頁面返回此頁面時重新整理資料//$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh為自訂的方法，可根據個人需要調用//上面方法經測試是沒有效果的。reload也不能重新整理頁面，經測試可以用下面的事件重新整理頁面 $scope.$on('$ionicView.beforeEnter',$scope.doRefresh);

 如果還不行，在ion-view設定catch為false

<ion-view cache-view="false" class="cata-detail-page" animation="slide-in-up">

總結

以上所述是小編給大家介紹的angular+ionic返回上一頁並重新整理頁面，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！