详解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 

相关文章： 建站之星北京办公室：智能建站系统与小程序生成方案解析  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  网站制作员失业,怎样查看自己网站的注册者？  深圳网站制作平台,深圳市做网站好的公司有哪些？  如何在腾讯云服务器上快速搭建个人网站？  制作电商网页,电商供应链怎么做？  如何快速上传建站程序避免常见错误？  宁波自助建站系统如何快速打造专业企业网站？  如何在阿里云高效完成企业建站全流程？  想学网站制作怎么学,建立一个网站要花费多少？  深圳网站制作的公司有哪些,dido官方网站？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  建站之星如何优化SEO以实现高效排名？  如何通过wdcp面板快速创建网站？  建站主机服务器选型指南与性能优化方案解析  如何快速配置高效服务器建站软件？  ,如何利用word制作宣传手册？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何在景安云服务器上绑定域名并配置虚拟主机？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  浅谈Javascript中的Label语句  如何快速打造个性化非模板自助建站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  家庭建站与云服务器建站，如何选择更优？  网页设计与网站制作内容,怎样注册网站？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  七夕网站制作视频,七夕大促活动怎么报名？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  高防服务器如何保障网站安全无虞？  c# 在高并发场景下，委托和接口调用的性能对比  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何快速启动建站代理加盟业务？  网站制作报价单模板图片,小松挖机官方网站报价？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  大连网站制作公司哪家好一点,大连买房网站哪个好？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  如何高效搭建专业期货交易平台网站？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  视频网站app制作软件,有什么好的视频聊天网站或者软件？  建站主机CVM配置优化、SEO策略与性能提升指南  如何高效完成自助建站业务培训？  音乐网站服务器如何优化API响应速度？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  个人摄影网站制作流程,摄影爱好者都去什么网站？