『AngularJS』$location 服务

参考:

简介

$location服务解析在浏览器地址栏中的URL(基于window.location)并且让URL在你的应用中可用。改变在地址栏中的URL会作用到$location服务,同样的,改变$location服务也会改变浏览器的地址栏。(可以使用$location进行重定向等操作)

$location服务:

暴露浏览器地址栏中的URL,让你可以:

  • 监察URL。
  • 改变URL。

与浏览器同步URL,当:

  • 改变地址栏。
  • 单击『前进』『后退』或一个历史记录中的链接。
  • 打开一个链接。
  • 将URL对象表示为一个方法集。 (protocol, host, port, path, search, hash)

服务依赖:

  • $browser
  • $sniffer
  • $rootElement

内置方法:

  • absUrl( ):只读;根据在RFC 3986中指定的规则,返回url,带有所有的片段。
  • hash( ):读、写;当带有参数时,返回哈希碎片;当在带有参数的情况下,改变哈希碎片时,返回$location。
  • host( ):只读;返回url中的主机路径。
  • path( ):读、写;当没有任何参数时,返回当前url的路径;当带有参数时,改变路径,并返回$location。(返回的路径永远会带有/)
  • port( ):只读;返回当前路径的端口号。
  • protocol( ):只读;返回当前url的协议。
  • replace( ):如果被调用,就会用改变后的URL直接替换浏览器中的历史记录,而不是在历史记录中新建一条信息,这样可以阻止『后退』。
  • search( ):读、写;当不带参数调用的时候,以对象形式返回当前url的搜索部分。
  • url( ):读、写;当不带参数时,返回url;当带有参数时,返回$location。

内置事件:

  • $locationChangeStart:在URL改变前发生。这种改变可以通过调用事件的preventDefault方法为阻止。查看ng.$rootScope.Scope#$on获得更多的细节。成功时触发$locationChangeSuccess事件。
  • $locationChangeSuccess:当URL改变后发生。

使用

何时使用$location

任何你想要改变当前URL的时候,都可以使用$location。

$location不会做

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

时间: 2024-10-04 16:30:39

『AngularJS』$location 服务的相关文章

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. 与浏览器同

angularjs学习笔记--服务

在angularjs中,服务是一个函数或对象,可在angularjs应用中使用.其中$location服务可以返回当前页面的url地址.要使用它,需要在controller中进行定义,作为一个参数传入到controller中. <!DOCTYPE html> <html lang="en"> <head> <script src="../angular/angular.js"></script> </

angualarjs $location服务

$location服务 1.功能:获取路径,修改路径,路径跳转,url解析,实质上是对window.location一些功能的封装. 任何你想要改变当前URL的时候,都可以使用$location当浏览器的URL改变时,不会重新加载整个页面.如果想要重新加载整个页面,需要使用$window.location.href. 2.主要提供以下服务:暴露浏览器地址栏中的URL,让你可以:监察URL以及改变URL将URL对象表示为一个方法集 (protocol, host, port, path, sear

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

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

AngularJs 用 $location 设置和判断在哪个页面

之前有个判断在那个页面上的问题困扰了我很久~后来查了很久的文档才找到的$location这个注入的Service,和大家分享下拉~省的你们找啦~ 当然可以用window.location来达到同样的目的. 我是不是棒棒哒?~ 前方高能......................................... 这是AngularJS 介绍$location的网址啦(想阅读先翻墙):https://docs.angularjs.org/guide/$location 言归正传........

[email&#160;protected] $location.path(&#39;/login&#39;)-$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

『ENGLISH』

以A字母开头的词汇 英文 中文 abstract module 抽象模组 access 访问.存取 access control 存取控制 access control information 存取控制资讯 access mechanism 存取机制 access rights 存取权限 accessibility 无障碍性 accessibility information 无障碍网页资讯 accessibility problem 无障碍网页问题 accessible 无障碍的 access

【AngularJS】—— 13 服务Service

在AngularJS中有很多的服务,常用的比如$http,$location等等. 本篇文章会介绍一下的内容: 1 $http这种Angular提供的服务的使用 2 如何自定义服务,并总结服务需要注意的几个小点. $http的使用 AngularJS为我们提供了很多种服务,$http用于发送http请求,动态的请求数据. 这样就需要使用web容器来运行代码了,先看看程序源码,视图方面还是跟普通的代码相同: <div ng-controller="myAppCtrl"> &l