编程 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 相关文章推荐

基于jQuery的合并表格中相同文本的相邻单元格的代码

Apr 06 Javascript

下拉列表选择项的选中在不同浏览器中的兼容性问题探讨

Sep 18 Javascript

jQuery下拉美化搜索表单效果代码分享

Aug 25 Javascript

js判断某个字符出现的次数的简单实例

Jun 03 Javascript

详解Vue.js搭建路由报错 router.map is not a function

Jun 27 Javascript

vue项目中使用百度地图的方法

Jun 08 Javascript

微信公众平台获取access_token的方法步骤

Mar 29 Javascript

微信小程序绑定手机号获取验证码功能

Oct 22 Javascript

微信小程序静默登录的实现代码

Jan 08 Javascript

Vue + ts实现轮播插件的示例

Nov 10 Javascript

js回到页面指定位置的三种方式

Dec 17 Javascript

原生JavaScript实现简单五子棋游戏

Jun 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

使用php实现快钱支付功能(涉及到接口)

2013/07/01 PHP

PHP重定向与伪静态区别

2017/02/19 PHP

浅谈javascript的调试

2015/01/28 Javascript

jQuery实现连续动画效果实例分析

2015/10/09 Javascript

JQuery的attr 与 val区别

2016/06/12 Javascript

JS实现HTML表格排序功能

2016/08/05 Javascript

如何防止INPUT按回车自动提交表单FORM

2016/12/06 Javascript

利用jQuery.Validate异步验证用户名是否存在（推荐）

2016/12/09 Javascript

微信小程序页面跳转传递值几种方法详解

2017/01/12 Javascript

AngularJS读取JSON及XML文件的方法示例

2017/05/25 Javascript

微信小程序实现星级评价

2019/11/20 Javascript

javascript异常处理实现原理详解

2020/02/17 Javascript

在SAE上部署Python的Django框架的一些问题汇总

2015/05/30 Python

读写json中文ASCII乱码问题的解决方法

2016/11/05 Python

Python 基础之字符串string详解及实例

2017/04/01 Python

Python基于正则表达式实现检查文件内容的方法【文件检索】

2017/08/30 Python

Django中url的反向查询的方法

2018/03/14 Python

pandas DataFrame 根据多列的值做判断,生成新的列值实例

2018/05/18 Python

python中partial()基础用法说明

2018/12/30 Python

python生成器推导式用法简单示例

2019/10/08 Python

python中的Elasticsearch操作汇总

2019/10/30 Python

Python图像处理库PIL中图像格式转换的实现

2020/02/26 Python

Python使用pyexecjs代码案例解析

2020/07/13 Python

利用Python函数实现一个万历表完整示例

2021/01/23 Python

美国杂志订阅折扣与优惠网站：Magazines.com

2016/08/31 全球购物

美国新娘礼品店：The Paisley Box

2020/09/08 全球购物

应届本科生推荐信范文

2013/12/25 职场文书

高中校园广播稿

2014/01/11 职场文书

蟋蟀的住宅教学反思

2014/04/26 职场文书

初中优秀班集体申报材料

2014/05/01 职场文书

挂职学习心得体会

2014/09/09 职场文书

社会工作专业自荐信

2014/09/26 职场文书

本科毕业论文致谢怎么写

2015/05/14 职场文书

出生证明格式

2015/06/15 职场文书

工作会议简报

2015/07/20 职场文书

Golang ort 中的sortInts 方法

2022/04/24 Golang