`
huangyongxing310
  • 浏览: 490435 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

AngularJS $location

阅读更多
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片段(#号之后的内容)

$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中的路径、
分享到:
评论

相关推荐

    AngularJS通过$location获取及改变当前页面的URL

    本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。

    AngularJS的$location使用方法详解

    AngularJS的$location使用方法详解 一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5Mode(模式),当为false时为Hashbang模式 ...

    AngularJs Using $location详解及示例代码

    AngularJS的$location服务是框架的核心组件之一,用于管理和跟踪应用程序中的URL。它是一个非常有用的服务,因为它允许我们在不刷新整个页面的情况下与浏览器的URL进行交互。本文将深入探讨$location服务的功能、...

    AngularJS内建服务$location及其功能详解

    $location服务是基于Window.location对象的封装,提供了更多与AngularJS数据绑定机制相结合的功能。 $location服务的主要功能是使得开发者可以更方便地获取和修改URL,而不需要直接操作Window.location对象。这样做...

    angularJs中跳转到指定的锚点实例($anchorScroll)

    监听$location.hash()并且滚动到url指定的锚点的地方。 可以通过$anchorScrollProvider.disableAutoScrolling()禁用。 依赖:$window $location $rootScope 使用:$anchorScroll([hash]);hash 将会指定元素滚动到的...

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

    -angular 中通过 $location 获取路径(参数)的写法 Angular 中的 `$location` 服务提供了获取和修改 URL 的功能,包括获取当前完整的 URL 路径、当前 URL 路径、子路径、协议、主机名、端口、哈希值和参数等。下面...

    高效利用Angular中内置服务$http、$location等_.docx

    在AngularJS框架中,内置服务是开发者实现各种功能的关键工具,它们简化了与浏览器交互、数据获取和应用程序逻辑的处理。以下将详细讨论 `$http`、`$location` 和其他如 `$timeout` 和 `$interval` 服务,以及自定义...

    ng-querystring-demo:演示AngularJS应用程序,显示如何使用$ location服务管理查询字符串

    在AngularJS中,$location服务是核心的一部分,它允许开发者轻松地处理应用程序的URL,包括查询字符串。这个名为"ng-querystring-demo"的项目提供了一个实际的示例,展示了如何在AngularJS应用中有效地操作查询字符...

    高效利用Angular中内置服务$http、$location等

    AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。 1.$location服务 $location服务用于返回当前页面的URL地址,示例代码如下: ...

    详解Angular中通过$location获取地址栏的参数

    $location是AngularJS中的一个核心服务,它允许我们在应用程序中与当前URL进行交互。它可以用来读取URL、更改URL,以及监听URL的变化。在AngularJS应用中,$location通常是自动注入到控制器、服务或其他依赖注入组件...

    AngularJS入门教程之服务(Service)

    在AngularJS中,推荐使用$location服务来替代传统的window.location对象,因为$location服务能更好地与AngularJS的脏检查机制结合,从而实现数据绑定和DOM更新。 $http服务是AngularJS中非常常用的内置服务之一,它...

    angular中使用路由和$location切换视图

    `$route`服务是AngularJS中的一个核心服务,它与`$location`服务协同工作,实现了视图的动态切换。本文将深入探讨如何在Angular中使用这两个服务。 首先,让我们来理解`$route`服务。`$route`的主要职责是根据当前...

    angularjs路由

    AngularJS,是由Google维护的JavaScript框架,用于构建单页应用程序(SPA)。路由是AngularJS中的核心功能之一,它允许我们根据URL导航到不同的视图,实现页面间的动态切换,而无需重新加载整个网页。在本...

    Angular的$http与$location

    总的来说,`$http`和`$location`是AngularJS中两个非常关键的服务,它们帮助开发者构建与服务器通信的动态Web应用,并实现基于URL的导航和路由。了解和熟练掌握这两个服务对于开发高效、响应式的Angular应用至关重要...

Global site tag (gtag.js) - Google Analytics