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