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基础 ng-mousemove 指令简单示例
本文主要介绍AngularJS ng-mousemove 指令,这里帮大家整理了ng-mousemove 指令的详细资料,并附有示例代码,有需要的朋友参考下2016-08-08Angular中的ActivatedRoute和Router原理解释
这篇文章主要为大家介绍了Angular中的ActivatedRoute和Router原理解释,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-04-04angular6.0使用教程之父组件通过url传递id给子组件的方法
这篇文章主要介绍了angular6.0使用教程之父组件通过url传递id给子组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论