一、配置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使用方法详解 一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5Mode(模式),当为false时为Hashbang模式 ...
本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。
本文主要介绍AngularJs Using $location的知识资料,这里整理了相关的资料,及简单示例代码,有兴趣的小伙伴可以参考下
$anchorScroll ... 监听$location.hash()并且滚动到url指定的锚点的...hash 将会指定元素滚动到的位置,如果省略参数,则将使用$location.hash() 作为默认值。 属性:number function(){} jqLite 如果设置了这个值,将会
主要为大家详细介绍了AngularJS内建服务$location及$location功能,感兴趣的小伙伴们可以参考一下
AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。 1.$location服务 $location服务用于返回当前页面的URL地址,示例代码如下: ...
高效利用Angular中内置服务$http、$location等_.docx
Services / Factories 这些核心服务集可通过依赖注入(DI)来供你的应用使用。 例如:$compile, $http, $location… Filters 这些ng模块中的核心过滤器用于在指令和表达式被渲染前转换模板数据。 例如:filter, ...
AngularJS 它的核心特性有:MVC、双向数据绑定、指令和语义化 标签、模块化工具、依赖注入、HTML模板,以及对常用工具的封装,例如$http、$cookies、$location等。AngularJS框架的体积非常小,但是设计理念和功能却...
AngularJS服务,使用自己的简单方法包装$ location.search 安装 您可以选择首选的安装方法: 通过Bower: bower install angular-query-params --save 通过npm: npm install angular-query-params --save 从...
主要介绍了Angular 通过注入 $location 获取与修改当前页面URL的实例代码,需要的朋友可以参考下
A comprehensive guide to AngularJS, Google's open-source client-side framework for app development. Most of the existing guides to AngularJS struggle to provide simple and understandable explanations...
AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基础。服务使用AngularJS的...
Pawel是自由和开源软件的坚定支持者,他在AngularJS 社区非常活跃,为AngularJS项目贡献了大量的代码。他也对Angular UI (AngularJS的配套框架)有所贡献,并为AngularJS 提供了Twitter Bootstrap 相关的指令...
详解js location.href和window.open的几种用法和区别.docx
最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法就以下几种: 1.获取当前完整的url路径 var...