跟我學AngularJS(十一):服務(Service)
什麼是服務?
在 AngularJS 中,服務是一個函數或對象,可在你的 AngularJS 應用中使用。
AngularJS 內建了30 多個服務。
有個 $location 服務,它可以返回當前頁面的 URL 地址。
注意 $location 服務是作為一個參數傳遞到 controller 中。如果要使用它,需要在 controller 中定義。
為什麼使用服務?
在很多服務中,比如 $location 服務,它可以使用 DOM 中存在的對象,類似 window.location 對象,但 window.location 對象在 AngularJS 應用中有一定的局限性。
AngularJS 會一直監控應用,處理事件變化, AngularJS 使用 $location 服務比使用 window.location 對象更好。
Advertisements
$location vs window.location
$http 服務
$http 是 AngularJS 應用中最常用的服務。 服務向伺服器發送請求,應用響應伺服器傳送過來的數據。
使用 $http 服務向伺服器請求數據:
結果:
以上是一個非常簡單的 $http 服務實例。
$timeout 服務
AngularJS $timeout 服務對應了 JS window.setTimeout 函數
結果:
2秒后變為:
$interval 服務
AngularJS $interval 服務對應了 JS window.setInterval 函數。
結果: