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: 以上所述是小编给大家介绍的AngularJS删除路由中的#符号的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持! 您可能感兴趣的文章: Angularjs制作简单的路由功能demo AngularJS 路由详解和简单实例 使用AngularJS对路由进行安全性处理的方法 AngularJS路由实现页面跳转实例 AngularJS通过ng-route实现基本的路由功能实例详解 AngularJS监听路由的变化示例代码 简单讲解AngularJS的Routing路由的定义与使用 angularjs ui-router中路由的二级嵌套 AngularJS基于ui-route实现深层路由的方法【路由嵌套】 AngularJS入门教程之路由机制ngRoute实例分析 AngularJS入门教程之路由与多视图详解 AngularJS实现使用路由切换视图的方法 AngularJS入门教程一:路由用法初探 angularjs 路由 相关文章 angular.js + require.js构建模块化单页面应用的方法步骤 这篇文章主要给大家介绍了关于利用angular.js + require.js构建模块化单页面应用的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-07-07 angularjs使用div模拟textarea文本框的方法 今天小编就为大家分享一篇angularjs使用div模拟textarea文本框的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-10-10 Angular如何由模板生成DOM树的方法 这篇文章主要介绍了Angular如何由模板生成DOM树的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 2019-12-12 使用RxJS更优雅地进行定时请求详析 这篇文章主要给大家介绍了关于如何使用RxJS更优雅地进行定时请求的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用RxJS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧 2019-06-06 angular.fromJson与toJson方法用法示例 这篇文章主要介绍了angular.fromJson与toJson方法用法,结合实例形式分析了AngularJS使用fromJson与toJson方法进行json格式数据的解析与转换相关操作技巧,需要的朋友可以参考下 2017-05-05 AngularJS实现的输入框字数限制提醒功能示例 这篇文章主要介绍了AngularJS实现的输入框字数限制提醒功能,涉及AngularJS事件监听与元素属性动态操作相关实现技巧,需要的朋友可以参考下 2017-10-10 angular-ngSanitize模块-$sanitize服务详解 本篇文章主要介绍了angular-ngSanitize模块-$sanitize服务详解 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-06-06 AngularJS中如何使用echart插件示例详解 之前因为项目的需求,第一次系统的使用了angular这一优秀的js框架,其所拥有的许多优秀特性极大的方便了项目的开发,然而在开发中也遇到过不少的问题,趁着最近有时间给大家总结一下,这篇文章将会介绍使用angularjs1结合百度的图表插件echart作为例子用以演示。 2016-10-10 AngularJS实现树形结构(ztree)菜单示例代码 这篇文章运用示例代码给大家详细介绍了利用AngularJS如何实现树形结构(ztree)菜单,文中仅用了几行AngularJS代码就是了这个功能,对大家日常开发很有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。 2016-09-09 Angular2开发环境搭建教程之VS Code 不久前WebStorm的频繁卡死终于让我受不鸟了,我决定换个轻量级的编辑器,尝试了Emacs、Sublime text,最后选择了vscode。下面这篇文章主要给大家介绍了关于Angular2开发环境搭建教程之VS Code的相关资料,需要的朋友可以参考下。 2017-12-12 最新评论

最近做一个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入门教程一:路由用法初探
张贴在3