AngularJS刪除路由中的#符號(hào)的方法
最近做一個(gè)web應(yīng)用,有個(gè)需求需要?jiǎng)h除angular路由中的#號(hào)。
例如:
http://example.com/ http://example.com/#/about http://example.com/#/contact
需要改成
http://example.com/ http://example.com/about http://example.com/contact
這個(gè)是angular默認(rèn)自帶的,所以想要?jiǎng)h除需要配置一下:
$locationProvider.html5Mode(true);
然后再index.html 的header中,指定一個(gè)base:
<base href="/">
以上所述是小編給大家介紹的AngularJS刪除路由中的#符號(hào)的方法,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Angularjs制作簡單的路由功能demo
- AngularJS 路由詳解和簡單實(shí)例
- 使用AngularJS對(duì)路由進(jìn)行安全性處理的方法
- AngularJS路由實(shí)現(xiàn)頁面跳轉(zhuǎn)實(shí)例
- AngularJS通過ng-route實(shí)現(xiàn)基本的路由功能實(shí)例詳解
- AngularJS監(jiān)聽路由的變化示例代碼
- 簡單講解AngularJS的Routing路由的定義與使用
- angularjs ui-router中路由的二級(jí)嵌套
- AngularJS基于ui-route實(shí)現(xiàn)深層路由的方法【路由嵌套】
- AngularJS入門教程之路由機(jī)制ngRoute實(shí)例分析
- AngularJS入門教程之路由與多視圖詳解
- AngularJS實(shí)現(xiàn)使用路由切換視圖的方法
- AngularJS入門教程一:路由用法初探
相關(guān)文章
Angular2中如何使用ngx-translate進(jìn)行國際化
本篇文章主要介紹了Angular2中使用ngx-translate進(jìn)行國際化,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05AngularJS使用angular.bootstrap完成模塊手動(dòng)加載的方法分析
這篇文章主要介紹了AngularJS使用angular.bootstrap完成模塊手動(dòng)加載的方法,結(jié)合實(shí)例形式分析了angular.bootstrap函數(shù)手動(dòng)加載模塊的步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-01-01基于AngularJS實(shí)現(xiàn)iOS8自帶的計(jì)算器
這篇文章的主要內(nèi)容是使用angularjs實(shí)現(xiàn)一個(gè)計(jì)算器,是一個(gè)仿iOS8風(fēng)格的計(jì)算器,功能基本和iOS自帶的計(jì)算器是一致的。有需要的朋友們可以參考借鑒。2016-09-09AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法
在AngularJS中,有時(shí)候需要監(jiān)視Scope中的某個(gè)變量,因?yàn)樽兞康母淖儠?huì)影響一些界面元素的顯示,接下來通過本文給大家介紹AngularJS中監(jiān)視Scope變量以及外部調(diào)用Scope方法,需要的朋友參考下吧2016-01-01