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)文章
Angular.js中用ng-repeat-start實(shí)現(xiàn)自定義顯示
大家都知道Angular.js可以用ng-repeat來顯示列表數(shù)據(jù),可是如果想要自定義顯示數(shù)據(jù)列表的話ng-repeat就實(shí)現(xiàn)不了了,這個(gè)時(shí)候可以利用ng-repeat-start 和 ng-repeat-end來實(shí)現(xiàn),下面通過本文來詳細(xì)看看實(shí)現(xiàn)的方法吧。2016-10-10
詳解angular路由高亮之RouterLinkActive
這篇文章主要介紹了詳解angular路由高亮之RouterLinkActive,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
Angular通過angular-cli來搭建web前端項(xiàng)目的方法
這篇文章主要介紹了Angular通過angular-cli來搭建web前端項(xiàng)目的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
angularjs請(qǐng)求數(shù)據(jù)的方法示例
這篇文章主要給大家介紹了關(guān)于angularjs請(qǐng)求數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用angularjs具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08

