跟我學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 函數。

結果:

Advertisements

你可能會喜歡