日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
AngularJS中的友好URL：移除URL中的#

AngularJS 默認(rèn)將會(huì)使用一個(gè) # 號來對URL進(jìn)行路由.

公司專注于為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、微信公眾號開發(fā)、商城網(wǎng)站制作，微信小程序定制開發(fā)，軟件按需規(guī)劃網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn)，我們會(huì)仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)建站更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。

例如:

  • http://example.com/

  • http://example.com/#/about

  • http://example.com/#/contact

要獲得干凈的URL并將井號從URL中移除是很容易的.

完成兩件事情就行了.

  1. 配置 $locationProvider

  2. 設(shè)置我們的相對連接的起點(diǎn)路徑

$location 服務(wù)

在Angular中, $location服務(wù)會(huì)解析地址欄中的URL，并對你的應(yīng)用程序作出改變，反之亦然.

我強(qiáng)烈推薦通讀官方的 Angular $location 文檔 以對$location 服務(wù)及其所提供的特性有一個(gè)了解.

$locationProvider 和 html5 模式（html5Mode）

我們會(huì)使用 $locationProvider 模塊，并將html5Mode設(shè)置為true.

我們會(huì)在你定義Angular應(yīng)用程序并配置你的路由時(shí)做這些.

 
 
    
  
  
  1. angular.module('scotchy', [])  
    2. 
  
  
  2.       
    3. 
  
  
  3.     .config(function($routeProvider, $locationProvider) {  
    4. 
  
  
  4.  
    5. 
  
  
  5.         $routeProvider  
    6. 
  
  
  6.             .when('/', {  
    7. 
  
  
  7.                 templateUrl : 'partials/home.html',  
    8. 
  
  
  8.                 controller : mainController  
    9. 
  
  
  9.             })  
    10. 
  
  
  10.             .when('/about', {  
    11. 
  
  
  11.                 templateUrl : 'partials/about.html',  
    12. 
  
  
  12.                 controller : mainController  
    13. 
  
  
  13.             })  
    14. 
  
  
  14.             .when('/contact', {  
    15. 
  
  
  15.                 templateUrl : 'partials/contact.html',  
    16. 
  
  
  16.                 controller : mainController  
    17. 
  
  
  17.             });  
    18. 
  
  
  18.       
    19. 
  
  
  19.         // use the HTML5 History API  
    20. 
  
  
  20.         $locationProvider.html5Mode(true);  
    21. 
  
  
  21.     });  
    22.

什么是 HTML5 History API? 它是使用一個(gè)腳本來操作瀏覽器歷史的標(biāo)準(zhǔn)方法. 有了它就能在不刷新頁面的前提下讓 Angular 改變路由和頁面的URL. 更多的信息，這里有一篇蠻好的 HTML5 History API 文章.

為相對鏈接設(shè)置 

為了在應(yīng)用程序各處使用相對鏈接，你將需要在你文檔的里面設(shè)置一個(gè).

 
 
    
  
  
  1.  
    2. 
  
  
  2.  
    3. 
  
  
  3.  
    4. 
  
  
  4.      
    5. 
  
  
  5.  
    6. 
  
  
  6.      
    7. 
  
  
  7.  
    8.

有大量的方法可以用來配置這個(gè)東西，而將HTML5Mode設(shè)置為true就會(huì)自動(dòng)的解析相對鏈接了. 在我這兒這種方式總是能起效. 如果你應(yīng)用程序的根同url相比有所不同,例如 /my-base, 那就用那個(gè)作為你的起點(diǎn)路徑.

老瀏覽器的回調(diào)

$location服務(wù)對不支持HTML5瀏覽歷史API的瀏覽器將自動(dòng)回調(diào)hashbang方法。

一切的發(fā)生對你是透明的，你不需為此做任何配置。從Angular $location文檔中，你可以看到回調(diào)的方法已經(jīng)它是如何工作的。

總結(jié)

這是一個(gè)在Angular應(yīng)用中獲得漂亮URL并刪除哈希標(biāo)記的簡單方法。享受超潔凈、超快速的Angular應(yīng)用吧！

英文原文：Pretty URLs in AngularJS: Removing the #

譯文來自：http://www.oschina.net/translate/pretty-urls-in-angularjs-removing-the-hashtag


本文名稱：AngularJS中的友好URL：移除URL中的#
鏈接URL：http://m.5511xx.com/article/coidjci.html