首頁 > web前端 > js教程 > 主體

AngularJS路由刪除#符號實例分享

小云云
發布: 2018-01-30 09:53:21
原創
1395 人瀏覽過

本文主要介紹AngularJS路由刪除#符號解決的辦法的相關資料,希望透過本文能幫助到大家,需要的朋友可以參考下,希望能幫助到大家。

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="/" rel="external nofollow" >
登入後複製

這就ok了,需要的通知自己試試看吧!

相關推薦:

AngularJS仿微信圖片手勢縮放程式碼

AngularJS使用ui-route實作多層嵌套路由

AngularJs用戶登入問題處理

以上是AngularJS路由刪除#符號實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板