编程 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 简单抽屉效果的实现代码

Mar 09 Javascript

jquery怎样实现ajax联动框(一)

Mar 08 Javascript

7款风格新颖的jQuery/CSS3菜单导航分享

Apr 23 Javascript

引用 js在IE与FF之间的区别详细解析

Nov 20 Javascript

Lab.js初次使用笔记

Feb 28 Javascript

纯JS实现旋转图片3D展示效果

Apr 12 Javascript

在网页中插入百度地图的步骤详解

Dec 02 Javascript

js实现自定义进度条效果

Mar 15 Javascript

React简单介绍

May 24 Javascript

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

Jul 19 Javascript

浅谈vue限制文本框输入数字的正确姿势

Sep 02 Javascript

Element Alert警告的具体使用方法

Jul 27 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

JAVA/JSP学习系列之四

2006/10/09 PHP

Zend Framework数据库操作技巧总结

2017/02/18 PHP

关于php开启错误提示的总结

2019/09/24 PHP

js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

2009/01/30 Javascript

JavaScript初学者应注意的七个细节详细介绍

2012/12/27 Javascript

让新消息在网页标题闪烁提示的jQuery代码

2013/11/04 Javascript

IE浏览器不支持getElementsByClassName的解决方法

2014/08/27 Javascript

jQuery 实现ajax传入参数含有特殊字符的方法总结

2016/10/17 Javascript

BootStrapTable 单选及取值的实现方法

2017/01/10 Javascript

JS开发中百度地图+城市联动实现实时触发查询地址功能

2017/04/13 Javascript

jQuery制作input提示内容（兼容IE8以上）

2017/07/05 jQuery

JS实现移动端触屏拖拽功能

2018/07/31 Javascript

详解在不使用ssr的情况下解决Vue单页面SEO问题

2018/11/08 Javascript

vue el-tree 默认展开第一个节点的实现代码

2020/05/15 Javascript

JavaScript实现多层颜色选项卡嵌套

2020/09/21 Javascript

如何封装Vue Element的table表格组件

2021/02/06 Vue.js

在Python的while循环中使用else以及循环嵌套的用法

2015/10/14 Python

Python编程django实现同一个ip十分钟内只能注册一次

2017/11/03 Python

Python模块WSGI使用详解

2018/02/02 Python

python3+PyQt5实现支持多线程的页面索引器应用程序

2018/04/20 Python

python调用百度语音REST API

2018/08/30 Python

python3正则模块re的使用方法详解

2020/02/11 Python

在Python中字典按值排序的实现方法

2020/11/12 Python

Django REST Framework 分页(Pagination)详解

2020/11/30 Python

解决pytorch 保存模型遇到的问题

2021/03/03 Python

CSS3的常见transformation图形变化用法小结

2016/05/13 HTML / CSS

浅谈移动端网页图片预加载方案

2018/11/05 HTML / CSS

DELPHI面试题研发笔试试卷

2015/11/08 面试题

员工试用期考核自我鉴定

2014/04/13 职场文书

领导班子自我剖析材料

2014/08/16 职场文书

秦兵马俑导游词

2015/02/02 职场文书

小学教师个人总结

2015/02/05 职场文书

公司职员入党自传书

2015/06/26 职场文书

你对自己的信用报告有过了解吗？

2019/07/09 职场文书

python process模块的使用简介

2021/05/14 Python

一文搞懂Python Sklearn库使用

2021/08/23 Python