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双向数据绑定原理之$watch、$apply和$digest的应用

    AngularJS双向数据绑定原理之$watch、$apply和$digest的应用

    这篇文章主要介绍了AngularJS双向数据绑定原理之$watch、$apply和$digest的应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • Angular框架详解之视图抽象定义

    Angular框架详解之视图抽象定义

    这篇文章主要给大家介绍了关于Angular框架详解之视图抽象定义的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法

    AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法

    这篇文章主要介绍了AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法,结合实例形式分析AngularJS下拉滚动插件ngInfiniteScroll的下载、功能、属性及相关使用方法,需要的朋友可以参考下
    2016-12-12
  • Angular ng-class详解及实例代码

    Angular ng-class详解及实例代码

    这篇文章主要介绍了Angular ng-class的知识,并整理了相关资料,有兴趣的小伙伴可以参考下
    2016-09-09
  • Angular 4.x中表单Reactive Forms详解

    Angular 4.x中表单Reactive Forms详解

    这篇文章主要介绍了Angular 4.x中表单Reactive Forms的相关资料,文中通过示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • Angular2 路由问题修复详解

    Angular2 路由问题修复详解

    这篇文章主要介绍了Angular2 路由问题修复详解的相关资料,并建了一个测试工程,把详细的过程分享给大家,需要的朋友可以参考下
    2017-03-03
  • 在angular 6中使用 less 的实例代码

    在angular 6中使用 less 的实例代码

    这篇文章主要介绍了在angular 6中使用 less 的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • AngularJS中$http使用的简单介绍

    AngularJS中$http使用的简单介绍

    在AngularJS中主要使用$http服务与远程http服务器交互,本篇文章主要介绍了AngularJS中$http使用的简单介绍,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • Angular中响应式表单的三种更新值方法详析

    Angular中响应式表单的三种更新值方法详析

    这篇文章主要给大家详细解析了关于Angular中响应式表单的三种更新值方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • Angular value与ngValue区别详解

    Angular value与ngValue区别详解

    这篇文章主要介绍了Angular value与ngValue区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11

最新评论