AngularJS的$location使用方法详解


Posted in Javascript onOctober 19, 2017

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

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

Javascript 相关文章推荐
javascript实现图片切换的幻灯片效果源代码
Dec 12 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
React-native桥接Android原生开发详解
Jan 17 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 #Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 #Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 #jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 #jQuery
浅谈Node Inspector 代理实现
Oct 19 #Javascript
AngularJS表单验证功能
Oct 19 #Javascript
JS实现的按钮点击颜色切换功能示例
Oct 19 #Javascript
You might like
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
phpinfo 系统查看参数函数代码
2009/06/05 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
destoon常用的安全设置概述
2014/06/21 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
php操作(删除,提取,增加)zip文件方法详解
2015/03/12 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
Angular的模块化(代码分享)
2016/12/26 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
用生成器来改写直接返回列表的函数方法
2017/05/25 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
python实现对输入的密文加密
2019/03/20 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
详解python statistics模块及函数用法
2019/10/27 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
python logging通过json文件配置的步骤
2020/04/27 Python
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
eBay加拿大站:eBay.ca
2019/06/20 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
中学生打架检讨书
2014/10/13 职场文书
大学生预备党员自我评价
2015/03/04 职场文书