AngularJS删除路由中的#符号的方法
更新时间:2016年09月20日 14:32:25 作者:天外野草
这篇文章主要介绍了AngularJS删除路由中的#符号的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
最近做一个web应用,有个需求需要删除angular路由中的#号。
例如:
http://example.com/ http://example.com/#/about http://example.com/#/contact
需要改成
http://example.com/ http://example.com/about http://example.com/contact
这个是angular默认自带的,所以想要删除需要配置一下:
$locationProvider.html5Mode(true);
然后再index.html 的header中,指定一个base:
<base href="/">
以上所述是小编给大家介绍的AngularJS删除路由中的#符号的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
- Angularjs制作简单的路由功能demo
- AngularJS 路由详解和简单实例
- 使用AngularJS对路由进行安全性处理的方法
- AngularJS路由实现页面跳转实例
- AngularJS通过ng-route实现基本的路由功能实例详解
- AngularJS监听路由的变化示例代码
- 简单讲解AngularJS的Routing路由的定义与使用
- angularjs ui-router中路由的二级嵌套
- AngularJS基于ui-route实现深层路由的方法【路由嵌套】
- AngularJS入门教程之路由机制ngRoute实例分析
- AngularJS入门教程之路由与多视图详解
- AngularJS实现使用路由切换视图的方法
- AngularJS入门教程一:路由用法初探
相关文章
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
这篇文章主要介绍了AngularJS双向数据绑定原理之$watch、$apply和$digest的应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-01-01AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
这篇文章主要介绍了AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法,结合实例形式分析AngularJS下拉滚动插件ngInfiniteScroll的下载、功能、属性及相关使用方法,需要的朋友可以参考下2016-12-12Angular 4.x中表单Reactive Forms详解
这篇文章主要介绍了Angular 4.x中表单Reactive Forms的相关资料,文中通过示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。2017-04-04
最新评论