没有合适的资源?快使用搜索试试~ 我知道了~
移除AngularJS下URL中的#字符的方法
需积分: 0 0 下载量 105 浏览量
2020-10-24
01:35:00
上传
评论
收藏 52KB PDF 举报
温馨提示
试读
2页
主要介绍了移除AngularJS下URL中的#字符的方法,AngularJS是一款高人气JavaScript库,需要的朋友可以参考下
资源推荐
资源详情
资源评论
移除移除AngularJS下下URL中的中的#字符的方法字符的方法
主要介绍了移除AngularJS下URL中的#字符的方法,AngularJS是一款高人气JavaScript库,需要的朋友可以参考
下
AngularJS 默认将会使用一个 # 号来对URL进行路由.
例如:
http://example.com/
http://example.com/#/about
http://example.com/#/contact
要获得干净的URL并将井号从URL中移除是很容易的.
完成两件事情就行了.
1. 配置 $locationProvider
2. 设置我们的相对连接的起点路径
$location 服务服务
在Angular中, $location服务会解析地址栏中的URL,并对你的应用程序作出改变,反之亦然.
我强烈推荐通读官方的 Angular $location 文档 以对$location 服务及其所提供的特性有一个了解.
$locationProvider 和和 html5 模式(模式(html5Mode))
我们会使用 $locationProvider 模块,并将html5Mode设置为true.
我们会在你定义Angular应用程序并配置你的路由时做这些.
angular.module('scotchy', [])
.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl : 'partials/home.html',
controller : mainController
})
.when('/about', {
templateUrl : 'partials/about.html',
controller : mainController
})
.when('/contact', {
templateUrl : 'partials/contact.html',
controller : mainController
});
// use the HTML5 History API
$locationProvider.html5Mode(true);
});
什么是 HTML5 History API? 它是使用一个脚本来操作浏览器历史的标准方法. 有了它就能在不刷新页面的前提下让 Angular
改变路由和页面的URL. 更多的信息,这里有一篇蛮好的 HTML5 History API 文章.
为相对链接设置为相对链接设置<base>
为了在应用程序各处使用相对链接,你将需要在你文档的<head>里面设置一个<set>.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<base href="/">
</head>
有大量的方法可以用来配置这个东西,而将HTML5Mode设置为true就会自动的解析相对链接了. 在我这儿这种方式总是能起
资源评论
weixin_38499950
- 粉丝: 4
- 资源: 941
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功