Angular Service入門

Angular為了友善開發者開發，本身提供了非常多的内置服務。可以通過https://docs.angularjs.org/api/ng/service檢視AngularJS提供的内置服務。在企業級開發中，常用的服務有以下這些：

$cacheFactory 緩存服務

$compile 編譯服務

$filter 通過 $filter 服務可以格式化輸出資料，也可以對資料進行過濾操作

$http AngularJS内置的核心的服務，主要和背景請求相關

$location 基于window.location的Angular版本，功能更強大。比如路由位址的切換: $location.path('/home')

$log 開發過程中用到的多，輸入錯誤和調試日志。和Chrome浏覽器的console.log()、console.debug()等類似

$q 服務主要是用于異步函數傳回一個promise，在路由中resovle屬性用的較多

$rootScope 一個應用隻有一個 $rootScope，該服務可以用于每個頁面都需要使用的公共資料或者變量，但是開發過程中，建議盡量少用 $rootScope,調試起來不友善。因為它是一個全局變量。

可以通過多種方式方式定義Service，常用的使用factory來定義一個service。代碼如下：

控制器和控制器之間共享資料也有多種方式，将變量或者函數綁定$rootScope是一種常見的方式，但是不推薦。常見的情況是使用Service來共享多個controller之間的資料。一個記錄圖書閱讀的系統，需要記錄最後一次編輯的圖書資訊。

在<code>BooksController.js</code>裡面讀取currentUser服務，在編輯的頁面給currentUser服務裡面的lastBookEdited對象指派。

定義currentUser服務

在EditController.js

BooksController.js

模闆books.html

在實際開發過程中，我們需要對自己的服務進行增加一下方法，或者對引入的第三方服務增加一下方法，開發者可以不需要修改之前的源代碼，而是可以在運作時為Service增加方法。這裡需要用到Decorator-修飾。修飾模式是軟體設計裡面一種經典設計模式，在進階的面向對象語言，比如Java、C#等都有實作。AngularJS代碼舉例：

本文轉自帥氣的頭頭部落格51CTO部落格，原文連結http://blog.51cto.com/12902932/1926235如需轉載請自行聯系原作者

sshpp