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

我最近在研究angular中通过$location获取路径(参数)的写法，在网上搜索了很多的资料，正好今天有时间，就整理一下！

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

【一】获取 (不修改URL)

//获取当前完整的url路径 
var absurl = $locationabsUrl(); 
//http://88:8100/#/homePage?id=10&a=100 
 
// 获取当前url路径(当前url#后面的内容,包括参数和哈希值): 
 var url = $locationurl(); 
 // 结果：/homePage?id=10&a=100  
 
 // 获取当前url的子路径(也就是当前url#后面的内容,不包括参数) 
var pathUrl = $locationpath() 
//结果：/homePage  
 
//获取当前url的协议(比如http,https) 
var protocol = $locationprotocol(); 
//结果：http  
 
//获取主机名 
var localhost = $locationhost(); 
//结果：88 
  
//获取当前url的端口 
var port = $locationport(); 
//结果：8100 
 
//获取当前url的哈希值 
var hash = $locationhash() 
//结果：http://088   
 
 //获取当前url的参数的序列化json对象 
 var search = $locationsearch(); 
 //结果：{id: "10", a: "100"} 

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

//1 修改url的子路径部分(也就是当前url#后面的内容,不包括参数): 
 $locationurl('/validation'); 
//结果：http://88:8100/#/validation 
 
 //2 修改url的哈希值部分 
$locationhash('myhash3'); 
//结果:http://88:8100/#/homePage?id=10&a=100#myhash3 
 
//3 修改url的参数部分(第一个参数表示url参数的属性名,第二个参数是该属性名的属性值,如果是已有属性名,则修改,如果不是已有属性,则新增) 
$locationsearch('id','111') 
// 结果(修改参数值)：http://88:8100/#/homePage?id=111&a=100 
 
$locationsearch('ids','111') 
// 结果（新增ids参数): http://88:8100/#/homePage?id=111&a=100&ids=111 
 
//一次性修改多个参数 
$locationsearch({id:'55','a':'66'}) 
//结果：http://88:8100/#/homePage?id=55&a=66#myhash3 
 
 //第一个值表示url参数的属性名,如果是已有属性名,则删除该属性,如果不是已有属性,那就等于没改过 
 $locationsearch('age',null) 

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angular  # location  # angularjs  # 获取路径  # js  # AngularJS页面带参跳转及参数解析操作示例  # AngularJS下$http服务Post方法传递json参数的实例  # AngularJS $http post 传递参数数据的方法  # Angularjs中$http以post请求通过消息体传递参数的实现方法  # angularJS1 url中携带参数的获取方法  # 已有  # 第一个  # 如果不是  # 可以使用  # 历史记录  # 不包括  # 相关内容  # 那就  # 多个  # 第二个  # 仅仅是  # 为例  # 在上面  # 但不  # 大家多多  # 整理一下  # 在网上  # 序列化  # strong  # style 

相关文章： 如何通过多用户协作模板快速搭建高效企业网站？  浅析上传头像示例及其注意事项  如何快速打造个性化非模板自助建站？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  香港服务器租用费用高吗？如何避免常见误区？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  宁波自助建站系统如何快速打造专业企业网站？  如何在云虚拟主机上快速搭建个人网站？  内网网站制作软件,内网的网站如何发布到外网？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  建站之星客服服务时间及联系方式如何？  已有域名如何快速搭建专属网站？  XML的“混合内容”是什么 怎么用DTD或XSD定义  网站制作大概多少钱一个,做一个平台网站大概多少钱？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  表情包在线制作网站免费,表情包怎么弄？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  Java解压缩zip - 解压缩多个文件或文件夹实例  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  济南专业网站制作公司,济南信息工程学校怎么样？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  七夕网站制作视频,七夕大促活动怎么报名？  建站之星2.7模板：企业网站建设与h5定制设计专题  已有域名和空间，如何快速搭建网站？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之星logo尺寸如何设置最合适？  如何选购建站域名与空间？自助平台全解析  如何在宝塔面板中创建新站点？  建站之星如何优化SEO以实现高效排名？  建站主机解析：虚拟主机配置与服务器选择指南  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  如何快速选择适合个人网站的云服务器配置？  如何挑选最适合建站的高性能VPS主机？  宿州网站制作公司兴策,安徽省低保查询网站？  详解jQuery中基本的动画方法  如何正确下载安装西数主机建站助手？  大连网站制作公司哪家好一点,大连买房网站哪个好？  西安大型网站制作公司,西安招聘网站最好的是哪个？  如何通过WDCP绑定主域名及创建子域名站点？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  建站之星多图banner生成与模板自定义指南  宝塔建站教程：一键部署配置流程与SEO优化实战指南  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  建站之星好吗？新手能否轻松上手建站？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  如何选择高效便捷的WAP商城建站系统？  专业网站建设制作报价,网页设计制作要考什么证？  移民网站制作流程,怎么看加拿大移民官网？