AngularJs返回前一页面时刷新一次前面页面的方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了AngularJs返回前一页面时刷新一次前面页面的方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1630字,纯文字阅读大概需要3分钟。
内容图文
![AngularJs返回前一页面时刷新一次前面页面的方法](/upload/InfoBanner/zyjiaocheng/335/f8bd3562d56547d1b0da90ba4316b20b.jpg)
要求:
页面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#myhash
2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):
$location.url(); // /foo?name=bunny#myhash
3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数):
$location.path() // /foo
4. 获取当前url的协议(比如http,https)$location.protocol()
$location.protocol() // http
5. 获取当前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(); });
以上这篇AngularJs返回前一页面时刷新一次前面页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的AngularJs返回前一页面时刷新一次前面页面的方法全部内容,希望文章能够帮你解决AngularJs返回前一页面时刷新一次前面页面的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。