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入门教程一:路由用法初探
相关文章
Angular.js中用ng-repeat-start实现自定义显示
大家都知道Angular.js可以用ng-repeat来显示列表数据,可是如果想要自定义显示数据列表的话ng-repeat就实现不了了,这个时候可以利用ng-repeat-start 和 ng-repeat-end来实现,下面通过本文来详细看看实现的方法吧。2016-10-10
详解angular路由高亮之RouterLinkActive
这篇文章主要介绍了详解angular路由高亮之RouterLinkActive,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-04-04
Angular通过angular-cli来搭建web前端项目的方法
这篇文章主要介绍了Angular通过angular-cli来搭建web前端项目的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-07-07


最新评论