- 浏览: 498813 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
AngularJS $location
$location
path()
获取当前页面的路径,也可以设置一个新的路径,如:path("/")样就修改为“/”的路由了(即当地URL)
$location.path();//获取
$location.path("/");//设置
replace()
如果你希望跳转后用户不能点击后退按钮(对于登录之后的跳转这种发生在某个跳转之后的再次跳转很有用),
AngularJS提供了replace()方法来实现这个功能:
$location.path('/home');
$location.replace();
// 或者
$location.path('/home').replace();
absUrl()
absUrl()方法用来获取编码后的完整URL:(全部URL,带上http部分)
$location.absUrl()
hash()
hash()方法用来获取URL中的hash片段:
$location.hash(); // 返回当前的hash片段(#号之后的内容)
host()
host()方法用来获取URL中的主机:
$location.host();// 当前URL的主机
port()
port()方法用来获取URL中的端口号:
$location.port();// 当前URL的端口
protocol()
protocol()方法用来获取URL中的协议:
$location.protocol();// 当前URL的协议
search()
search()方法用来获取URL中的查询串:(? 符号及后面的部分)
// 用对象设置查询
$location.search({name: 'Ari', username: 'auser'});//(? 符号会自动加上)
// 用字符串设置查询
$location.search('name=Ari&username=auser');//(? 符号会自动加上)
如果search参数的类型是字符串,那么paramValue会做为该参数的值覆盖URL当中的对应
值。如果paramValue的值是null,对应的参数会被移除掉。
url()
url()方法用来获取当前页面的URL(#号之后的内容所有内容)
$location.url(); // 该URL的字符串
如果调用url()方法时传了参数,会设置并修改当前的URL,这会同时修改URL中的路径、
$location
path()
获取当前页面的路径,也可以设置一个新的路径,如:path("/")样就修改为“/”的路由了(即当地URL)
$location.path();//获取
$location.path("/");//设置
replace()
如果你希望跳转后用户不能点击后退按钮(对于登录之后的跳转这种发生在某个跳转之后的再次跳转很有用),
AngularJS提供了replace()方法来实现这个功能:
$location.path('/home');
$location.replace();
// 或者
$location.path('/home').replace();
absUrl()
absUrl()方法用来获取编码后的完整URL:(全部URL,带上http部分)
$location.absUrl()
hash()
hash()方法用来获取URL中的hash片段:
$location.hash(); // 返回当前的hash片段(#号之后的内容)
$location.hash('myhash3'); // http://localhost/$location/21.1%20$location.html#/foo2/foo3/?name=bunny2&age=12#myhash3
host()
host()方法用来获取URL中的主机:
$location.host();// 当前URL的主机
port()
port()方法用来获取URL中的端口号:
$location.port();// 当前URL的端口
protocol()
protocol()方法用来获取URL中的协议:
$location.protocol();// 当前URL的协议
search()
search()方法用来获取URL中的查询串:(? 符号及后面的部分)
// 用对象设置查询
$location.search({name: 'Ari', username: 'auser'});//(? 符号会自动加上)
// 用字符串设置查询
$location.search('name=Ari&username=auser');//(? 符号会自动加上)
如果search参数的类型是字符串,那么paramValue会做为该参数的值覆盖URL当中的对应
值。如果paramValue的值是null,对应的参数会被移除掉。
url()
url()方法用来获取当前页面的URL(#号之后的内容所有内容)
$location.url(); // 该URL的字符串
如果调用url()方法时传了参数,会设置并修改当前的URL,这会同时修改URL中的路径、
发表评论
-
lazyLoad
2017-05-10 00:11 566<!DOCTYPE html> <html ... -
timer
2017-05-10 00:17 427<!DOCTYPE html> <html ... -
滚动到指定元素、判断对象是否为空
2017-05-10 00:16 717<!DOCTYPE html> <html ... -
Http请求封装
2017-05-09 22:21 552<!DOCTYPE html> <html ... -
上传文件内容改变和上传文件
2017-05-09 21:56 508<!DOCTYPE html> <html ... -
ng-click参数传递
2017-05-09 21:35 949<!DOCTYPE html> <html ... -
promise(js里很多服务的then实现分析)
2016-09-14 01:07 949promise(很多少服务的then) 1、promise ... -
AngularJs directive(指令)
2016-09-14 01:07 893AngularJs directive(指令) ... -
Anguar 工作过程
2016-09-14 01:05 371Anguar 工作过程 Anguar的指令编译过程: 1 ... -
AngularJS Ajax($http)
2016-09-14 01:07 814AngularJS Ajax($http) 1.$http ... -
Angularjs run(AngularJS应用中第一个被执行的方法)
2016-09-15 13:10 614Angularjs run(AngularJS应用中第一个被执 ... -
AngularJs框架下controller间的传值方法
2016-09-15 13:10 611AngularJs框架下controller间的传值方法 ... -
$on、$emit和$broadcast的使用
2016-09-13 15:04 642$on、$emit和$broadcast的使用 如何在作 ... -
AngularJs API
2016-09-13 14:59 594AngularJs API 以下列出了一些通用的 API ... -
AngularJS 路由
2016-09-13 14:58 603AngularJS 路由 AngularJS 路由允许我们 ... -
AngularJS中service,factory,provider的区别
2016-09-13 09:30 613AngularJS中service,factory ... -
AngularJS基础
2016-09-17 20:52 427AngularJS基础 AngularJS 是 ...
相关推荐
本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。
AngularJS的$location使用方法详解 一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5Mode(模式),当为false时为Hashbang模式 ...
AngularJS的$location服务是框架的核心组件之一,用于管理和跟踪应用程序中的URL。它是一个非常有用的服务,因为它允许我们在不刷新整个页面的情况下与浏览器的URL进行交互。本文将深入探讨$location服务的功能、...
$location服务是基于Window.location对象的封装,提供了更多与AngularJS数据绑定机制相结合的功能。 $location服务的主要功能是使得开发者可以更方便地获取和修改URL,而不需要直接操作Window.location对象。这样做...
监听$location.hash()并且滚动到url指定的锚点的地方。 可以通过$anchorScrollProvider.disableAutoScrolling()禁用。 依赖:$window $location $rootScope 使用:$anchorScroll([hash]);hash 将会指定元素滚动到的...
在AngularJS框架中,内置服务是开发者实现各种功能的关键工具,它们简化了与浏览器交互、数据获取和应用程序逻辑的处理。以下将详细讨论 `$http`、`$location` 和其他如 `$timeout` 和 `$interval` 服务,以及自定义...
-angular 中通过 $location 获取路径(参数)的写法 Angular 中的 `$location` 服务提供了获取和修改 URL 的功能,包括获取当前完整的 URL 路径、当前 URL 路径、子路径、协议、主机名、端口、哈希值和参数等。下面...
在AngularJS中,$location服务是核心的一部分,它允许开发者轻松地处理应用程序的URL,包括查询字符串。这个名为"ng-querystring-demo"的项目提供了一个实际的示例,展示了如何在AngularJS应用中有效地操作查询字符...
AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。 1.$location服务 $location服务用于返回当前页面的URL地址,示例代码如下: ...
$location是AngularJS中的一个核心服务,它允许我们在应用程序中与当前URL进行交互。它可以用来读取URL、更改URL,以及监听URL的变化。在AngularJS应用中,$location通常是自动注入到控制器、服务或其他依赖注入组件...
在AngularJS中,推荐使用$location服务来替代传统的window.location对象,因为$location服务能更好地与AngularJS的脏检查机制结合,从而实现数据绑定和DOM更新。 $http服务是AngularJS中非常常用的内置服务之一,它...
`$route`服务是AngularJS中的一个核心服务,它与`$location`服务协同工作,实现了视图的动态切换。本文将深入探讨如何在Angular中使用这两个服务。 首先,让我们来理解`$route`服务。`$route`的主要职责是根据当前...
AngularJS,是由Google维护的JavaScript框架,用于构建单页应用程序(SPA)。路由是AngularJS中的核心功能之一,它允许我们根据URL导航到不同的视图,实现页面间的动态切换,而无需重新加载整个网页。在本...
总的来说,`$http`和`$location`是AngularJS中两个非常关键的服务,它们帮助开发者构建与服务器通信的动态Web应用,并实现基于URL的导航和路由。了解和熟练掌握这两个服务对于开发高效、响应式的Angular应用至关重要...