angualarjs $location服务

$location服务

1.功能:获取路径,修改路径,路径跳转,url解析,实质上是对window.location一些功能的封装。

任何你想要改变当前URL的时候,都可以使用$location
当浏览器的URL改变时,不会重新加载整个页面。如果想要重新加载整个页面,需要使用$window.location.href。

2.主要提供以下服务:
暴露浏览器地址栏中的URL,让你可以:监察URL以及改变URL
将URL对象表示为一个方法集 (protocol, host, port, path, search, hash),当改变地址栏,单击前进/后退或一个历史记录中的链接,打开一个链接时与浏览器同步URL

3.内置方法:

absUrl()  hash()  host()  path()  port()  protocol()  search()  url()

replace():如果被调用,就会用改变后的URL直接替换浏览器中的历史记录,而不是在历史记录中新建一条信息,这样可以阻止后退。

4.内置事件:

$locationChangeStart:在URL改变前发生。这种改变可以通过调用事件的preventDefault方法为阻止。成功时触发$locationChangeSuccess事件。
$locationChangeSuccess:当URL改变后发生。

5.获取url的相关方法

以 ‘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()
// http
(5) 获取当前url的主机名
$location.host()
// localhost
(6) 获取当前url的端口
$location.port()
// 80 (这里就是wamp的默认端口号)
(7) 获取当前url的哈希值
$location.hash()
// myhash
(8) 获取当前url的参数的序列化json对象
$location.search()
// {"name":"bunny"}

时间: 2024-11-21 02:18:12

angualarjs $location服务的相关文章

『AngularJS』$location 服务

参考: ng.$location Developer Guide: Angular Services: Using $location 简介 $location服务解析在浏览器地址栏中的URL(基于window.location)并且让URL在你的应用中可用.改变在地址栏中的URL会作用到$location服务,同样的,改变$location服务也会改变浏览器的地址栏.(可以使用$location进行重定向等操作) $location服务: 暴露浏览器地址栏中的URL,让你可以: 监察URL.

Android - 位置定位(Location)服务(Service)类的基本操作

位置定位(Location)服务(Service)类的基本操作 本文地址: http://blog.csdn.net/caroline_wendy 定位服务,可以确定移动设备的地址,在地图相关服务中,经常会使用GPS和移动相关的定位服务,GPS较为精准. 根据常用的定位服务功能,又添加网络检测和Wifi检测,和启动相关界面进行测试的功能. 代码: import android.content.Context; import android.content.Intent; import andro

[email protected] $location.path('/login')-$location服务用法示例

$httpProvider interceptor .factory('auth403', ['$rootScope', '$q', '$location', function auth403($rootScope, $q, $location) { return { request: function (config) { console.log(config); var start = new Date(); return config; }, response: function (res

angularJS: $location 服务

记录下今天的学习笔记: $location服务: 解析地址栏的URL,让用户可以访问应用当前路径所对应的路由. 可修改路径.处理各种形式导航. $location服务对javascript中的window.location对象的API进行了更优雅的封装,并且和angularJS集成在一起. 使用$location服务的最佳场景是:当应用需要在内部进行跳转时候.如:用户注册.修改.或登录后进行的跳转. $location服务并不刷新整个页面.刷新整个页面使用:$window.location对象(

[AngularJS] $location 服务简介

参考博客:  https://www.cnblogs.com/gaoruixin/p/6070502.html 简介 $location服务解析在浏览器地址栏中的URL(基于window.location)并且让URL在你的应用中可用.改变在地址栏中的URL会作用到$location服务,同样的,改变$location服务也会改变浏览器的地址栏.(可以使用$location进行重定向等操作) $location服务: 暴露浏览器地址栏中的URL,让你可以: 监察URL. 改变URL. 与浏览器同

$http服务和$location

1.angular的$http服务跟jquery中的ajax很类似,用法如下: $http({ method : 'GET', url : 'data.php' }).success(function(data,state,headers,config){ console.log(state); }).error(function(data){ console.log(data); }); 其中method也可以为JSONP 2.angular中的$location服务 $location下有很

Angularjs 常用服务 $http $location $anchorScroll $cacheFactory $timeout $interval $sce

Angularjs 常用服务 $http $location$anchorScroll $cacheFactory $timeout $interval $sce学习要点:1. Angularjs 中的 $http 服务2. Angularjs 中的 $location $anchorScroll 服务3. Angularjs 中的 $cacheFactory 服务4. Angularjs 中的 $timeout $interval 服务5. $sce 服务 浏览器简析 html 标签1. An

angularJS服务一

一 认识服务 1.服务这个概念其实并不陌生,在其他语言中如java便有这样的概念,其作用就是对外提供某个特定的功能,如消息服务,文件压缩服务等,是一个独立的模块.ng的服务是一个单例对象或函数,对外提供特定的功能. 2.特点:首先是一个单例,即无论这个服务被注入到任何地方,对象始终只有一个实例. 其次这与我们自己定义一个function然后在其他地方调用不同,因为服务被定义在一个模块中,所以其使用范围是可以被我们管理的.ng的避免全局变量污染意识非常强. 3.ng提供了很多内置的服务,如$loc

【AngularJS学习笔记】01 指令、服务和过滤器

AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-. 比如: ng-app 指令初始化一个 AngularJS 应用程序.注意ng-app一般为空,如果值不为空,就得加这样一句代码var app = angular.module('名字', []); ng-init 指令初始化应用程序数据. 这个在之前已经说过了,下面讲一下之前没讲到的. ng-repeat指令与ng-options指令 <!--一般ng-repeat通常用于ul与li这种列表和表格--> <div ng