`

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

1
0
分享到:
评论

相关推荐

    AngularJS的$location使用方法详解

    AngularJS的$location使用方法详解 一、配置config app.config([ '$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ //设置为html5Mode(模式),当为false时为Hashbang模式 ...

    AngularJS通过$location获取及改变当前页面的URL

    本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。

    AngularJs Using $location详解及示例代码

    本文主要介绍AngularJs Using $location的知识资料,这里整理了相关的资料,及简单示例代码,有兴趣的小伙伴可以参考下

    angularJs中跳转到指定的锚点实例($anchorScroll)

    $anchorScroll ... 监听$location.hash()并且滚动到url指定的锚点的...hash 将会指定元素滚动到的位置,如果省略参数,则将使用$location.hash() 作为默认值。 属性:number function(){} jqLite 如果设置了这个值,将会

    AngularJS内建服务$location及其功能详解

    主要为大家详细介绍了AngularJS内建服务$location及$location功能,感兴趣的小伙伴们可以参考一下

    高效利用Angular中内置服务$http、$location等

    AngularJS中为我们提供了众多的内置服务,通过这些内置服务可以轻松的实现一些常用功能。下面对Angular中常用的内置服务进行一下总结。 1.$location服务 $location服务用于返回当前页面的URL地址,示例代码如下: ...

    高效利用Angular中内置服务$http、$location等_.docx

    高效利用Angular中内置服务$http、$location等_.docx

    AngularJS 中文手册

    Services / Factories 这些核心服务集可通过依赖注入(DI)来供你的应用使用。 例如:$compile, $http, $location… Filters 这些ng模块中的核心过滤器用于在指令和表达式被渲染前转换模板数据。 例如:filter, ...

    AngularJS中文版

    AngularJS 它的核心特性有:MVC、双向数据绑定、指令和语义化 标签、模块化工具、依赖注入、HTML模板,以及对常用工具的封装,例如$http、$cookies、$location等。AngularJS框架的体积非常小,但是设计理念和功能却...

    angular-query-params:AngularJS服务,使用自己的简单方法包装$ location.search

    AngularJS服务,使用自己的简单方法包装$ location.search 安装 您可以选择首选的安装方法: 通过Bower: bower install angular-query-params --save 通过npm: npm install angular-query-params --save 从...

    Angular 通过注入 $location 获取与修改当前页面URL的实例

    主要介绍了Angular 通过注入 $location 获取与修改当前页面URL的实例代码,需要的朋友可以参考下

    Professional.AngularJS.1118832078

    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中使用factory和service的方法

    AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基础。服务使用AngularJS的...

    精通AngularJS part1

    Pawel是自由和开源软件的坚定支持者,他在AngularJS 社区非常活跃,为AngularJS项目贡献了大量的代码。他也对Angular UI (AngularJS的配套框架)有所贡献,并为AngularJS 提供了Twitter Bootstrap 相关的指令...

    详解js location.href和window.open的几种用法和区别.docx

    详解js location.href和window.open的几种用法和区别.docx

    详解Angular中通过$location获取地址栏的参数

    最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法就以下几种: 1.获取当前完整的url路径 var...

Global site tag (gtag.js) - Google Analytics