编程 Javascript

Angular懒加载机制刷新后无法回退的快速解决方法

Posted in Javascript onAugust 30, 2016

今天在项目中遇到一个很奇怪的问题,使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.估计是使用懒加载机制销毁了angular内部的state关联,导致无法回到上一个state(单击回退按钮 ui-routre的 $stateChangeStart 事件都不会触发),当然这只是猜测,由于事件关系也没有去深入的探究源码.

angular懒加载机制刷新后无法回退的解决方案 :

通过查看angular(ionic)的源码发现$browser这个服务上有个onUrlChange方法,当我们从angular外部改变url地址时,会调用此方法中注册的事件处理函数,如下图所示:

这样的话,就可以在程序入口注册一个函数

//当通过浏览器回退/前进按钮跳转state时,重新加载页面,如果用系统state,则不会进入此方法 
$browser.onUrlChange(function (url) { 
//TODO 解析url中的state,使用懒加载去加载state模块,实现页面刷新
});

通过这个函数就可以在回退和前进的时候重新去刷新页面了...

以上所述是小编给大家介绍的Angular懒加载机制刷新后无法回退的快速解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

Angular懒加载机制刷新后无法回退的快速解决方法

- Author -

紫日残月

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 面向对象,实现namespace,class,继承，重载

Oct 29 Javascript

验证码按回车不变解决方法

Mar 29 Javascript

javascript 获取模态窗口的滚动位置代码

Aug 06 Javascript

jquery删除ID为sNews的tr元素的内容

Apr 10 Javascript

2014年50个程序员最适用的免费JQuery插件

Dec 15 Javascript

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

Aug 11 Javascript

浅谈Vue的基本应用

Dec 27 Javascript

Angular2 Service实现简单音乐播放器服务

Feb 24 Javascript

axios学习教程全攻略

Mar 26 Javascript

30分钟精通React今年最劲爆的新特性——React Hooks

Mar 11 Javascript

基于VUE的v-charts的曲线显示功能

Oct 01 Javascript

Vue组件化开发之通用型弹出框的实现

Feb 28 Javascript

AngularJS 实现弹性盒子布局的方法

Aug 30 #Javascript

浅谈javascript中的Function和Arguments

Aug 30 #Javascript

javascript 中的console.log和弹出窗口alert

Aug 30 #Javascript

Laravel中常见的错误与解决方法小结

Aug 30 #Javascript

js中常用的Tab切换效果(推荐)

Aug 30 #Javascript

基于cssSlidy.js插件实现响应式手机图片轮播效果

Aug 30 #Javascript

JavaScript探测CSS动画是否已经完成的方法

Aug 30 #Javascript

You might like

索尼ICF-SW100收音机评测

2021/03/02 无线电

配置PHP使之能同时支持GIF和JPEG

2006/10/09 PHP

编写安全 PHP应用程序的七个习惯深入分析

2013/06/08 PHP

JQuery 写的个性导航菜单

2009/12/24 Javascript

EasyUI中的tree用法介绍

2011/11/01 Javascript

SOSO地图JS画出标注和中心点以html形式运行

2013/08/09 Javascript

JS实现定时页面弹出类似QQ新闻的提示框

2013/11/07 Javascript

tangram框架响应式加载图片方法

2013/11/21 Javascript

js提示框替代系统alert,自动关闭alert对话框的实现方法

2016/11/07 Javascript

超级简易的JS计算器实例讲解(实现加减乘除)

2017/08/08 Javascript

vue slot 在子组件中显示父组件传递的模板

2018/03/02 Javascript

JS实现常见的查找、排序、去重算法示例

2018/05/21 Javascript

vuex 动态注册方法 registerModule的实现

2019/07/03 Javascript

Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能

2020/05/08 Javascript

利用node.js开发cli的完整步骤

2020/12/29 Javascript

[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结

2014/07/09 DOTA

把大数据数字口语化（python与js）两种实现

2013/02/21 Python

python中pygame模块用法实例

2014/10/09 Python

Python原始字符串(raw strings)用法实例

2014/10/13 Python

python3将视频流保存为本地视频文件

2018/06/20 Python

Python基于SMTP协议实现发送邮件功能详解

2018/08/14 Python

解决python opencv无法显示图片的问题

2018/10/28 Python

python解析含有重复key的json方法

2019/01/22 Python

使用python模拟高斯分布例子

2019/12/09 Python

解决python 读取 log日志的编码问题

2019/12/24 Python

python实现PCA降维的示例详解

2020/02/24 Python

解决Python发送Http请求时,中文乱码的问题

2020/04/30 Python

python 实现逻辑回归

2020/12/30 Python

英国游戏机和游戏购物网站：365games.co.uk

2018/06/18 全球购物

Opodo意大利：欧洲市场上领先的在线旅行社

2019/10/24 全球购物

大学生职业生涯规划范文

2013/12/31 职场文书

外语专业毕业生自荐信

2014/04/14 职场文书

责任心演讲稿

2014/05/14 职场文书

同意迁入证明模板

2014/10/26 职场文书

英语辞职信怎么写

2015/02/28 职场文书

2019年年中工作总结讲话稿模板

2019/03/25 职场文书