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 相关文章推荐
extjs fckeditor集成代码
May 10 Javascript
javascript中最常用的继承模式 组合继承
Aug 12 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
Apr 17 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
vue组件系列之TagsInput详解
May 14 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
php 什么是PEAR?(第二篇)
2009/03/19 PHP
《PHP编程最快明白》第三讲:php数组
2010/11/01 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
基于jQuery架构javascript基础体系
2011/01/01 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
angularjs的select使用及默认选中设置
2017/04/08 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
2017/04/20 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
浅析python打包工具distutils、setuptools
2018/04/20 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
Python OpenCV去除字母后面的杂线操作
2020/07/05 Python
SISLEY希思黎官方旗舰店:享誉全球的奢华植物美容品牌
2018/04/25 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
西班牙最大的在线滑板和街头服饰商店:Fillow.net
2019/04/15 全球购物
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
几道PHP的面试题
2012/05/19 面试题
产品促销活动策划书
2014/01/15 职场文书
农村面貌改造提升实施方案
2014/03/18 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
2014年创先争优工作总结
2014/12/11 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android