AngularJs返回前一页面时刷新一次前面页面的方法
2018-10-09 14:34
1121 查看
要求:
页面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返回前一页面时刷新一次前面页面
- JS 刷新当前页面 返回上一页并刷新的方法
- JS 刷新当前页面 返回上一页并刷新的方法
- 返回前一页并刷新页面方法
- 用asp实现返回上一个页面并刷新的3种方法 (精)
- 返回Activity后页面刷新的一个小方法
- javaweb用户注销后点击浏览器返回刷新页面重复登录问题的解决方法
- vue A页面路由跳转到B页面,在B页面刷新会返回A页面,怎么样用sessionstorage存储使其留在B页面,或者有别的方法吗
- mui 重写back 调用back方法,实现返回就即时刷新页面
- JS 刷新当前页面 返回上一页并刷新的方法
- JS 刷新当前页面 返回上一页并刷新的方法
- mui back 返回刷新页面方法
- mui js 返回刷新页面方法
- 移动端H5页面返回并刷新页面(BFcache)的方法
- 标签点击不返回顶部和不刷新页面方法
- ios 上浏览器返回上一页不会刷新页面问题,页面初始化的方法不执行
- angular Js 返回上一级页面 刷新页面的几种方法
- 页面刷新及返回的几种方法
- js 返回前一页并刷新页面方法
- 自己遇到的 导航控制器 push了好几层 让他一次返回到前面的指定页面 不一定是根页面