码迷，mamicode.com
首页 > 其他好文 > 详细

angular中通过$location获取路径(参数)的写法

时间：2017-03-14 11:51:48      阅读：325      评论：0      收藏：0      [点我收藏+]

标签：使用   内容   ring   json   otto   javascrip   val   等于   获取   

以下获取与修改的 URL 以  ( http://172.16.0.88:8100/#/homePage?id=10&a=100  ) 为例

【一】获取 (不修改URL)

  1. //1.获取当前完整的url路径  
  2. var absurl = $location.absUrl();  
  3. //http://172.16.0.88:8100/#/homePage?id=10&a=100  
  4.   
  5. //2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):  
  6.  var url = $location.url();  
  7.  // 结果：/homePage?id=10&a=100  
  8.    
  9.   
  10.  //3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数)  
  11. var pathUrl = $location.path()  
  12. //结果：/homePage  
  13.   
  14.   
  15. //4.获取当前url的协议(比如http,https)  
  16. var protocol = $location.protocol();  
  17. //结果：http  
  18.   
  19.   
  20. //5.获取主机名  
  21. var localhost = $location.host();  
  22. //结果：172.16.0.88  
  23.   
  24.   
  25. //6.获取当前url的端口  
  26. var port = $location.port();  
  27. //结果：8100  
  28.   
  29.   
  30. //7.获取当前url的哈希值  
  31. var hash = $location.hash()  
  32. //结果：http://172.16.088  
  33.    
  34.   
  35.  //8.获取当前url的参数的序列化json对象  
  36.  var search = $location.search();  
  37.  //结果：{id: "10", a: "100"}  

 

【二】修改 (改变URL相关内容)

  1. //1 修改url的子路径部分(也就是当前url#后面的内容,不包括参数):  
  2.  $location.url(‘/validation‘);  
  3. //结果：http://172.16.0.88:8100/#/validation  
  4.   
  5.  //2 修改url的哈希值部分  
  6. $location.hash(‘myhash3‘);  
  7. //结果:http://172.16.0.88:8100/#/homePage?id=10&a=100#myhash3  
  8.   
  9. //3 修改url的参数部分(第一个参数表示url参数的属性名,第二个参数是该属性名的属性值,如果是已有属性名,则修改,如果不是已有属性,则新增)  
  10. $location.search(‘id‘,‘111‘)  
  11. // 结果(修改参数值)：http://172.16.0.88:8100/#/homePage?id=111&a=100  
  12.   
  13. $location.search(‘ids‘,‘111‘)  
  14. // 结果（新增ids参数): http://172.16.0.88:8100/#/homePage?id=111&a=100&ids=111  
  15.   
  16. //4.一次性修改多个参数  
  17. $location.search({id:‘55‘,‘a‘:‘66‘})  
  18. //结果：http://172.16.0.88:8100/#/homePage?id=55&a=66#myhash3  
  19.   
  20.  //5.第一个值表示url参数的属性名,如果是已有属性名,则删除该属性,如果不是已有属性,那就等于没改过  
  21.  $location.search(‘age‘,null)  


【三】修改URL但不存入历史记录
            

           在上面的修改url的方法的时候,每修改一次,url都会被存入历史记录,可以使用后退按钮回到修改前的url,如果不想要这种效果,而仅仅是替换当前的记录,可以使用  $location.path(‘/validation‘).replace();

angular中通过$location获取路径(参数)的写法

标签：使用   内容   ring   json   otto   javascrip   val   等于   获取   

原文地址：http://www.cnblogs.com/jintaostudy/p/6547707.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！