欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-12 09:53:43
...
一、配置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

相关标签: AngularJS $location