AngularJS的$location使用方法详解

AngularJS的$location详解：使用指南与技巧

一、配置篇

在AngularJS应用中，为了更好地使用$location服务，我们需要在配置阶段对其进行一些设置。通过下面的代码片段，我们可以启用html5Mode并设置其他相关参数。

app.config([ '$locationProvider', function($locationProvider) {

$locationProvider.html5Mode({

enabled : true, //启用html5模式，此时URL中不会出现符号

requireBase : false //是否需要加入base标签，这里设置为false，如果设置为true，需要在html的head部分配置标签

});

}]);

请注意，config阶段的配置非常重要，如果不进行配置，可能无法获取到URL中的参数。

二、基本用法详解

假设我们有一个URL：

1. 获取绝对路径：$location.absUrl(); //返回完整URL：

2. 获取主机：$location.host(); //返回主机名：

3. 获取端口号：$location.port(); //返回端口号：7001

4. 获取文本传输协议：$location.protocol(); //返回协议：http

5. 获取URL参数：$location.search().name 或 $location.search()['name'] //返回URL中的name参数值：5

6. 获取URL路径：$location.url() //返回路径：/liuxu/pages/main.html?name=5