Angular懒加载机制刷新后无法回退的快速解决方法
2016-08-30 15:50
579 查看
今天在项目中遇到一个很奇怪的问题,使用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懒加载机制 刷新后无法回退解决方案
- 加载事件方法备忘,chrome和firefox快速刷新的错误及解决办法
- listview下拉刷新、上拉加载,无法刷新问题解决方法
- sqlserver 2k 无法安装 在winxp的快速安装盘下 的解决方法.
- 在Microsoft Office 2007环境下无法加载Microsoft Dynamics Snap插件的解决方法
- 启动报“mapi无法加载信息服务msncon.dll ”错误 解决方法
- ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
- "访问被拒绝,程序集无法加载"解决方法
- 【转帖】.net 2003 无法加载MS XML3.dll的解决方法
- 在Microsoft Office 2007环境下无法加载Microsoft Dynamics Snap插件的解决方法
- 解决Windows无法加载中文(中国)-王码五笔输入法(任何输入法都行) 键盘的布局的方法
- scriptx.cab无法加载控件解决方法
- VS2008安装时的“无法加载”的解决方法
- Hibernate延时加载lazy机制问题及其解决方法
- 解决Windows无法加载中文(中国)-王码五笔输入法 86版 键盘的布局的方法
- asp.net"访问被拒绝,程序集无法加载"原因与解决方法[摘录]
- [原创]WINDOWS无法为XXX加载安装程序--解决方法
- 无法加载oracle in oradb10g_home2 odbc驱动程序的安装例程,因为存在系统错误代码998 解决方法
- EVC+SP4模拟器无法加载的解决方法
- "无法显示 XML 页。 使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮,或以后重试" 错误解决方法