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
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
下一篇: 总结关于PS文字工具注意点
推荐阅读