angular+ionic返回上一頁(yè)并刷新頁(yè)面
假定當(dāng)前頁(yè)面為editCata頁(yè)面，要返回的是cataDetail頁(yè)面。目前我找到兩種方法實(shí)現(xiàn)返回上一頁(yè)并刷新，如果以后有其它方法，再繼續(xù)添加。
1、在editCataCtrl.js中注入$ionicHistory服務(wù). 使用$ionicHistory.goBack()方法即可返回到上一頁(yè)面。
JS端代碼：
$scope.goBack=function(){
$ionicHistory.goBack();
}
HTML代碼：
<button class="button button-clear" ng-click="goBack()">返回上一頁(yè)</button>
如果需要返回上一頁(yè)時(shí)，重試加載頁(yè)面，在上一頁(yè)editCataCtrl.js中添加以下代碼：
//其他頁(yè)面返回此頁(yè)面時(shí)刷新數(shù)據(jù)
$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh為自定義的方法，可根據(jù)個(gè)人需要調(diào)用
2、可以試一下$state.go("路徑名",{參數(shù)},{reload:true});
******************************************************
上述的刷新頁(yè)面效果在實(shí)際過(guò)程中并沒(méi)有起到效果，可以通過(guò)
$ionicView.beforeEnter
事件刷新頁(yè)面
//其他頁(yè)面返回此頁(yè)面時(shí)刷新數(shù)據(jù)
//$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh為自定義的方法，可根據(jù)個(gè)人需要調(diào)用
//上面方法經(jīng)測(cè)試是沒(méi)有效果的。reload也不能刷新頁(yè)面，經(jīng)測(cè)試可以用下面的事件刷新頁(yè)面
$scope.$on('$ionicView.beforeEnter',$scope.doRefresh);
如果還不行，在ion-view設(shè)置catch為false
<ion-view cache-view="false" class="cata-detail-page" animation="slide-in-up">
總結(jié)
以上所述是小編給大家介紹的angular+ionic返回上一頁(yè)并刷新頁(yè)面，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
AngularJS service之select下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了AngularJS service之select下拉菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細(xì)介紹了AngularJS過(guò)濾器的使用方法，感興趣的小伙伴們可以參考一下2016-03-03
本文給大家分享Angularjs cookie 操作實(shí)例詳解，demo案例分析，感興趣的朋友參考下吧2017-09-09
angular同一頁(yè)面跳轉(zhuǎn)重新執(zhí)行的實(shí)現(xiàn)方法
這篇文章主要介紹了angular同一頁(yè)面跳轉(zhuǎn)重新執(zhí)行的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
AngularJS實(shí)現(xiàn)標(biāo)簽頁(yè)的兩種方式
這篇文章分別給大家介紹了AngularJS實(shí)現(xiàn)標(biāo)簽頁(yè)的兩種方式，一種是通過(guò)普通指令實(shí)現(xiàn)標(biāo)簽頁(yè)，另外一種是通過(guò)自定義指令實(shí)現(xiàn)的標(biāo)簽頁(yè)，有需要的朋友們可以來(lái)參考借鑒，下面來(lái)一起看看吧。2016-09-09
Angularjs實(shí)現(xiàn)帶查找篩選功能的select下拉框示例代碼
這篇文章主要介紹了Angularjs實(shí)現(xiàn)帶查找篩選功能的select下拉框的詳細(xì)過(guò)程及示例代碼，文中通過(guò)示例介紹的很詳細(xì)，相信會(huì)對(duì)大家學(xué)習(xí)使用Angularjs具有一定的參考借鑒價(jià)值，有需要的朋友們可以一起來(lái)看看。2016-10-10
AngularJS實(shí)現(xiàn)Model緩存的方式
這篇文章主要介紹了AngularJS實(shí)現(xiàn)Model緩存的方式，分享了多種AngularJS實(shí)現(xiàn)Model緩存的方法，感興趣的小伙伴們可以參考一下2016-02-02
AngularJS入門(mén)教程之AngularJS模型
這篇文章主要介紹了AngularJS入門(mén)教程之AngularJS模型的相關(guān)資料,需要的朋友可以參考下2016-04-04
Angular2-primeNG文件上傳模塊FileUpload使用詳解
這篇文章主要為大家詳細(xì)介紹了Angular2-primeNG文件上傳模塊FileUpload使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家介紹了Angular?@Injectable注解的工作原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06