AngularJs返回前一頁面時刷新一次前面頁面的方法
要求：
頁面A進入到頁面B，在頁面B處理完后返回頁面A，頁面A里的數(shù)據(jù)應(yīng)該動態(tài)的減去一條，但由于一般情況下頁面是緩存起來的，返回A后讀取的是緩存靜態(tài)頁面，里面顯示的數(shù)據(jù)不會減少。應(yīng)客戶要求，需要重新加載一次數(shù)據(jù)，達到頁面A可以刷新數(shù)據(jù)目的。
研究過程：
從網(wǎng)上尋找發(fā)現(xiàn)，有一個方法可以獲取到當(dāng)前頁面的URL：$location
以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 這個路徑為例:
1. 獲取當(dāng)前完整的url路徑:
$location.absUrl(): // http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash
2. 獲取當(dāng)前url路徑(當(dāng)前url#后面的內(nèi)容,包括參數(shù)和哈希值):
$location.url(); // /foo?name=bunny#myhash
3. 獲取當(dāng)前url的子路徑(也就是當(dāng)前url#后面的內(nèi)容,不包括參數(shù)):
$location.path() // /foo
4. 獲取當(dāng)前url的協(xié)議(比如http,https)$location.protocol()
$location.protocol() // http
5. 獲取當(dāng)前url的主機名
$location.host() // localhost
6. 獲取當(dāng)前url的端口
$location.port() // 80 (這里就是wamp的默認端口號)
獲取到當(dāng)前頁的URL后，把它賦給全局變量，當(dāng)URL變化時，刷新前一頁面即可
parent.location.reload(); //該方法可用于刷新前面所以頁面
之后繼續(xù)在網(wǎng)上找有沒有更好的辦法，發(fā)現(xiàn)了一個可以直接使用的方法：
這兩個事件分別發(fā)生在當(dāng)url開始發(fā)生改變,以及url改變完成.他們都被綁定在$rootScope里面：
$rootScope.$on('$locationChangeStart',function(){
console.log('開始改變$location')
});
$rootScope.$on('$locationChangeSuccess',function(){
console.log('結(jié)束改變$location')
});
之后寫進代碼里做了驗證，驗證結(jié)果可用。寫法為：
$rootScope.$on('$locationChangeSuccess',function(){//返回前頁時，刷新前頁
parent.location.reload();
});
以上這篇AngularJs返回前一頁面時刷新一次前面頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
AngularJS中controller控制器繼承的使用方法
這篇文章主要介紹了AngularJS中controller控制器繼承的使用方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了基于Angularjs實現(xiàn)分頁功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
angular.js 自帶jsonp，實現(xiàn)跨域，下面來實現(xiàn)搜索框的下拉列表功能，本文思路明確，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-02-02
這篇文章主要介紹了Angular2 http jsonp的實例詳解的相關(guān)資料,希望通過本能幫助到大家，需要的朋友可以參考下2017-08-08
本篇文章主要介紹了angularJS模態(tài)框$modal實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
Angular動態(tài)綁定樣式及改變UI框架樣式的方法小結(jié)
AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的庫。這篇文章主要介紹了Angular動態(tài)綁定樣式及改變UI框架樣式的方法小結(jié),需要的朋友可以參考下2018-09-09
這篇文章主要介紹了詳解Angular6 熱加載配置方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了AngularJS中的指令實踐指南(二)的相關(guān)資料,需要的朋友可以參考下2016-03-03
AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法
這篇文章主要介紹了AngularJS實現(xiàn)給動態(tài)生成的元素綁定事件的方法,結(jié)合實例形式分析了AngularJS動態(tài)生成元素與事件綁定相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了Angular組件化管理實現(xiàn)方法,結(jié)合具體實例分析了Angular模塊組件化管理以提高代碼復(fù)用性的實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2017-03-03