angualarjs $location服務

標籤：htm   主機   載入   sea   local   跳轉   wamp   protocol   host   

$location服務

1.功能：擷取路徑，修改路徑，路徑跳轉，url解析，實質上是對window.location一些功能的封裝。

任何你想要改變當前URL的時候，都可以使用$location
當瀏覽器的URL改變時，不會重新載入整個頁面。如果想要重新載入整個頁面，需要使用$window.location.href。

2.主要提供以下服務：
暴露瀏覽器地址欄中的URL，讓你可以：監察URL以及改變URL
將URL對象表示為一個方法集 (protocol, host, port, path, search, hash)，當改變地址欄，單擊前進/後退或一個記錄中的連結，開啟一個連結時與瀏覽器同步URL

3.內建方法：

absUrl()  hash()  host()  path()  port()  protocol()  search()  url()

replace():如果被調用，就會用改變後的URL直接替換瀏覽器中的記錄，而不是在記錄中建立一條資訊，這樣可以阻止後退。

4.內建事件：

$locationChangeStart：在URL改變前發生。這種改變可以通過呼叫事件的preventDefault方法為阻止。成功時觸發$locationChangeSuccess事件。
$locationChangeSuccess：當URL改變後發生。

5.擷取url的相關方法

以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash‘ 這個路徑為例
(1)擷取當前完整的url路徑:
$location.absUrl():
// http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash
(2)擷取當前url路徑(當前url#後面的內容,包括參數和雜湊值):
$location.url();
// /foo?name=bunny#myhash
(3)擷取當前url的子路徑(也就是當前url#後面的內容,不包括參數):
$location.path()
// /foo
(4) 擷取當前url的協議(比如http,https)
$location.protocol()
// http
(5) 擷取當前url的主機名稱
$location.host()
// localhost
(6) 擷取當前url的連接埠
$location.port()
// 80 (這裡就是wamp的預設連接埠號碼)
(7) 擷取當前url的雜湊值
$location.hash()
// myhash
(8) 擷取當前url的參數的序列化json對象
$location.search()
// {"name":"bunny"}

 

angualarjs $location服務