今天在項(xiàng)目中遇到一個(gè)很奇怪的問題,使用oclazyload懶加載angular的模塊,刷新頁面后,單擊回退按鈕無法返回上一個(gè)頁面.估計(jì)是使用懶加載機(jī)制銷毀了angular內(nèi)部的state關(guān)聯(lián),導(dǎo)致無法回到上一個(gè)state(單擊回退按鈕 ui-routre的 $stateChangeStart 事件都不會(huì)觸發(fā)),當(dāng)然這只是猜測(cè),由于事件關(guān)系也沒有去深入的探究源碼.

angular懶加載機(jī)制刷新后無法回退的解決方案 :

通過查看angular(ionic)的源碼發(fā)現(xiàn)$browser這個(gè)服務(wù)上有個(gè)onUrlChange方法,當(dāng)我們從angular外部改變url地址時(shí),會(huì)調(diào)用此方法中注冊(cè)的事件處理函數(shù),如下圖所示:

這樣的話,就可以在程序入口注冊(cè)一個(gè)函數(shù)

//當(dāng)通過瀏覽器回退/前進(jìn)按鈕跳轉(zhuǎn)state時(shí),重新加載頁面,如果用系統(tǒng)state,則不會(huì)進(jìn)入此方法 
$browser.onUrlChange(function (url) { 
//TODO 解析url中的state,使用懶加載去加載state模塊,實(shí)現(xiàn)頁面刷新
});

通過這個(gè)函數(shù)就可以在回退和前進(jìn)的時(shí)候重新去刷新頁面了...

以上所述是小編給大家介紹的Angular懶加載機(jī)制刷新后無法回退的快速解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)PHP中文網(wǎng)的支持！

更多Angular懶加載機(jī)制刷新后無法回退的快速解決方法相關(guān)文章請(qǐng)關(guān)注PHP中文網(wǎng)！