欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJs返回前一頁(yè)面時(shí)刷新一次前面頁(yè)面的方法

 更新時(shí)間：2018年10月09日 14:34:02   作者：ywltoread  
今天小編就為大家分享一篇AngularJs返回前一頁(yè)面時(shí)刷新一次前面頁(yè)面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

要求：

頁(yè)面A進(jìn)入到頁(yè)面B，在頁(yè)面B處理完后返回頁(yè)面A，頁(yè)面A里的數(shù)據(jù)應(yīng)該動(dòng)態(tài)的減去一條，但由于一般情況下頁(yè)面是緩存起來(lái)的，返回A后讀取的是緩存靜態(tài)頁(yè)面，里面顯示的數(shù)據(jù)不會(huì)減少。應(yīng)客戶要求，需要重新加載一次數(shù)據(jù)，達(dá)到頁(yè)面A可以刷新數(shù)據(jù)目的。

研究過(guò)程：

從網(wǎng)上尋找發(fā)現(xiàn)，有一個(gè)方法可以獲取到當(dāng)前頁(yè)面的URL：$location

以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 這個(gè)路徑為例:

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的主機(jī)名

$location.host()
// localhost

6. 獲取當(dāng)前url的端口

$location.port()
// 80 (這里就是wamp的默認(rèn)端口號(hào))

獲取到當(dāng)前頁(yè)的URL后，把它賦給全局變量，當(dāng)URL變化時(shí)，刷新前一頁(yè)面即可

parent.location.reload(); //該方法可用于刷新前面所以頁(yè)面

之后繼續(xù)在網(wǎng)上找有沒(méi)有更好的辦法，發(fā)現(xiàn)了一個(gè)可以直接使用的方法：

這兩個(gè)事件分別發(fā)生在當(dāng)url開(kāi)始發(fā)生改變,以及url改變完成.他們都被綁定在$rootScope里面：

$rootScope.$on('$locationChangeStart',function(){
  console.log('開(kāi)始改變$location')
});
$rootScope.$on('$locationChangeSuccess',function(){
  console.log('結(jié)束改變$location')
});

之后寫(xiě)進(jìn)代碼里做了驗(yàn)證，驗(yàn)證結(jié)果可用。寫(xiě)法為：

$rootScope.$on('$locationChangeSuccess',function(){//返回前頁(yè)時(shí)，刷新前頁(yè)
 parent.location.reload(); 
});

以上這篇AngularJs返回前一頁(yè)面時(shí)刷新一次前面頁(yè)面的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論