好资源导航 » 文章资讯 » AngularJS的$location使用方法详解

AngularJS的$location使用方法详解

2023-09-22 22:37:05 488

AngularJS的$location使用方法详解

一、配置config

app.config(['$locationProvider',function($locationProvider){
$locationProvider.html5Mode({
//设置为html5Mode(模式)，当为false时为Hashbang模式
enabled:true,
//是否需要加入base标签，这里设置为false，设置为true时，需在html的head配置标签
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

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

返回顶部
3162201930
czq8825@qq.com

AngularJS的$location使用方法详解

热门推荐

随机推荐