AngularJS刪除路由中的#符號的方法
最近做一個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)站的支持!
- Angularjs制作簡單的路由功能demo
- AngularJS 路由詳解和簡單實例
- 使用AngularJS對路由進行安全性處理的方法
- AngularJS路由實現(xiàn)頁面跳轉(zhuǎn)實例
- AngularJS通過ng-route實現(xiàn)基本的路由功能實例詳解
- AngularJS監(jiān)聽路由的變化示例代碼
- 簡單講解AngularJS的Routing路由的定義與使用
- angularjs ui-router中路由的二級嵌套
- AngularJS基于ui-route實現(xiàn)深層路由的方法【路由嵌套】
- AngularJS入門教程之路由機制ngRoute實例分析
- AngularJS入門教程之路由與多視圖詳解
- AngularJS實現(xiàn)使用路由切換視圖的方法
- AngularJS入門教程一:路由用法初探
相關(guān)文章
Angular2中如何使用ngx-translate進行國際化
本篇文章主要介紹了Angular2中使用ngx-translate進行國際化,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05AngularJS使用angular.bootstrap完成模塊手動加載的方法分析
這篇文章主要介紹了AngularJS使用angular.bootstrap完成模塊手動加載的方法,結(jié)合實例形式分析了angular.bootstrap函數(shù)手動加載模塊的步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-01-01AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法
在AngularJS中,有時候需要監(jiān)視Scope中的某個變量,因為變量的改變會影響一些界面元素的顯示,接下來通過本文給大家介紹AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法,需要的朋友參考下吧2016-01-01