`

AngularJS的$location基本用法和注意事项

阅读更多
一、配置config
app.config([ '$locationProvider', function($locationProvider) {
$locationProvider.html5Mode({
          //设置为html5Mode(模式),当为false时为Hashbang模式
enabled : true,
          //是否需要加入base标签,这里设置为false,设置为true时,需在html的head配置<base href="" />标签
requireBase : false
});
} ]);

注意:config里面的配置非常重要,不配置获取不到url里面的参数
二、基本用法

url:http://127.0.0.1:7001/liuxu/pages/main.html?name=5
1.获取绝对路径
$location.absUrl();  
//url:http://127.0.0.1:7001/liuxu/pages/main.html?name=5
2.获取主机
$location.host(); 
http://127.0.0.1
3.获取端口号
$location.port();
//7001
4.获取文本传输协议
$location.protocol();
http
5. 获取url参数
$location.search().name或者$location.search()['name']

//5
6.获取url
$location.url()
//:/liuxu/pages/main.html?name=5

1
0
分享到:
评论

相关推荐

    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。它是一个非常有用的服务,因为它允许我们在不刷新整个页面的...了解和熟练使用$location,能够帮助你更好地构建和维护AngularJS项目。

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

    $location服务提供了一系列的getter和setter方法,用于读取和设置当前URL的各个组成部分,例如URL的路径(path)、协议(protocol)、主机名(host)、端口(port)以及绝对URL(absUrl)等。 在实际应用中,$...

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

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

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

    $anchorScroll ... 监听$location.hash()并且滚动到url指定的锚点的...hash 将会指定元素滚动到的位置,如果省略参数,则将使用$location.hash() 作为默认值。 属性:number function(){} jqLite 如果设置了这个值,将会

    Angular 通过注入 $location 获取与修改当前页面URL的实例

    使用 $location.absUrl() 方法可以获取当前页面的完整 URL 路径,包括协议、主机名、端口、子路径、参数和哈希值等信息。 2. 获取当前 URL 的子路径 使用 $location.url() 方法可以获取当前 URL 的子路径,也就是...

    angularJs权威和精通angularjs

    通过阅读《精通AngularJS》和《AngularJS权威指南》这两本书,你将不仅了解AngularJS的基本用法,还能深入学习其实战技巧,提升自己的前端开发技能。同时,《基于MVC的JavaScript+Web富应用开发》可能还会提供关于...

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

    下面将详细介绍 `$location` 服务的使用方法。 获取当前完整的 URL 路径 使用 `$location.absUrl()` 方法可以获取当前完整的 URL 路径,包括协议、主机名、端口、路径、参数和哈希值等。 例如: ```javascript ...

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

    $location是AngularJS提供的一个服务,用于监视和修改应用程序的当前URL。它提供了观察和改变浏览器地址栏的API,包括路径(path)、参数(params)和哈希(hash)。通过使用$location,开发者可以在不触发页面刷新的情况...

    AngularJS入门教程之服务(Service)

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

    angularjs路由

    在本“AngularJS路由”示例中,我们将探讨如何设置和使用AngularJS的路由系统。 首先,我们需要引入AngularJS库和`ngRoute`模块。`ngRoute`是AngularJS官方提供的路由模块,提供了一套完整的路由解决方案。在HTML...

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

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

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

    使用`$location.absUrl()`方法可以获取当前浏览器的完整URL,包括协议、主机名、端口、路径、查询参数和哈希值。 2. **获取URL路径**: `$location.url()`返回当前URL的路径部分,包括任何查询参数和哈希值,但不...

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

    总的来说,`$route`和`$location`在AngularJS中扮演着至关重要的角色,它们使得应用程序可以根据URL动态地加载和展示内容,同时提供了强大的导航和状态管理功能。理解并熟练运用这两个服务,可以帮助开发者构建出...

Global site tag (gtag.js) - Google Analytics