AngularJs返回前一页面时刷新一次前面页面
来源:互联网 发布:java获取自己程序路径 编辑:程序博客网 时间:2024/04/30 14:30
要求:
页面A进入到页面B,在页面B处理完后返回页面A,页面A里的数据应该动态的减去一条,但由于一般情况下页面是缓存起来的,返回A后读取的是缓存静态页面,里面显示的数据不会减少。应客户要求,需要重新加载一次数据,达到页面A可以刷新数据目的。
研究过程:
从网上寻找发现,有一个方法可以获取到当前页面的URL:$location
以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash’ 这个路径为例:
1. 获取当前完整的url路径:
$location.absUrl():// http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):
$location.url();// /foo?name=bunny#myhash3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数):
$location.path()// /foo4. 获取当前url的协议(比如http,https)
$location.protocol()// http5. 获取当前url的主机名
$location.host()// localhost
6. 获取当前url的端口
$location.port()// 80 (这里就是wamp的默认端口号)
获取到当前页的URL后,把它赋给全局变量,当URL变化时,刷新前一页面即可
parent.location.reload(); //该方法可用于刷新前面所以页面
之后继续在网上找有没有更好的办法,发现了一个可以直接使用的方法:
这两个事件分别发生在当url开始发生改变,以及url改变完成.他们都被绑定在$rootScope里面:
$rootScope.$on('$locationChangeStart',function(){ console.log('开始改变$location')});$rootScope.$on('$locationChangeSuccess',function(){ console.log('结束改变$location')});之后写进代码里做了验证,验证结果可用。写法为:
$rootScope.$on('$locationChangeSuccess',function(){//返回前页时,刷新前页parent.location.reload(); });
0 0
- AngularJs返回前一页面时刷新一次前面页面
- js返回前一页刷新页面
- PHP中如何返回前一页并刷新页面
- php执行成功后返回前一页并刷新页面
- 拖拽整个页面返回前一页面
- 回到前一页面并刷新前一页面
- 在angularJS中实现返回前一页
- 在angularJS中实现返回前一页
- 监听浏览器返回时刷新上一页面JavaScript JQuery
- js 防止按键返回前一页面
- 打开新页面,返回前一页
- 一个可以返回前一页并自动刷新页面的ASP代码.
- Html返回上一页面刷新
- asp 返回上一页并刷新页面
- js返回历史上一页并刷新页面
- 返回上一页并强制页面刷新
- javascript 刷新页面、返回上一页
- 返回上一页并强制页面刷新
- live555学习笔记2-基础类
- HDU 1005 Number Sequence
- CC2540关于定时器模模模式的设置
- 初探swift语言的学习笔记九(OC与Swift混编)
- extjs radio样例集合
- AngularJs返回前一页面时刷新一次前面页面
- 智能机市场饱和竞争更为促进技术创新发展
- 关于java Udp收发数据异常的笔记
- 快速掌握Lua 5.3 —— 各种变量和值
- 四元数(Quaternion)和旋转
- MySQL load语句详细介绍
- 测试keytool 生成公钥私钥
- 人力资源招聘的黄金法则
- Linux网络配置