AngularJS刪除路由中的#符號的方法

更新時間：2016年09月20日 14:32:25 作者：天外野草

這篇文章主要介紹了AngularJS刪除路由中的#符號的方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

最近做一個web應(yīng)用，有個需求需要刪除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刪除路由中的#符號的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Angular.js中用ng-repeat-start實現(xiàn)自定義顯示
大家都知道Angular.js可以用ng-repeat來顯示列表數(shù)據(jù)，可是如果想要自定義顯示數(shù)據(jù)列表的話ng-repeat就實現(xiàn)不了了，這個時候可以利用ng-repeat-start 和 ng-repeat-end來實現(xiàn)，下面通過本文來詳細看看實現(xiàn)的方法吧。
2016-10-10
詳解angular路由高亮之RouterLinkActive
這篇文章主要介紹了詳解angular路由高亮之RouterLinkActive，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
Angular通過angular-cli來搭建web前端項目的方法
這篇文章主要介紹了Angular通過angular-cli來搭建web前端項目的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
AngularJS封裝指令方法詳解
這篇文章主要介紹了AngularJS封裝指令方法,結(jié)合實例形式詳細分析了AngularJS的功能、jQuery類庫協(xié)作及組件封裝的具體操作技巧,需要的朋友可以參考下
2016-12-12
Angularjs過濾器使用詳解
AngularJS提供了過濾器來對輸入輸出數(shù)據(jù)格式化。這篇文章主要介紹了Angularjs過濾器使用的相關(guān)資料,需要的朋友可以參考下
2016-05-05
Angularjs單選改為多選的開發(fā)過程及問題解析
在項目中遇到這樣的需求想把下拉框的單選改為多選，怎么實現(xiàn)呢？下面小編通過本文給大家分享angularjs單選改為多選的開發(fā)過程及問題解析，需要的朋友參考下
2017-02-02
AngularJS的ng-click傳參的方法
本篇文章主要介紹了AngularJS的ng-click傳參的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
angularjs請求數(shù)據(jù)的方法示例
這篇文章主要給大家介紹了關(guān)于angularjs請求數(shù)據(jù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用angularjs具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
AngularJS入門教程之迭代器過濾詳解
本文主要介紹AngularJS 迭代器過濾,這里提供了詳細的知識資料，并附示例代碼，有需要的小伙伴可以參考下
2016-08-08
深究AngularJS中$sce的使用
本篇文章主要介紹了深究AngularJS中$sce的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06