1. 程式人生 > >Angular——依賴註入

Angular——依賴註入

color 通用 函數的參數 註入 cati cat 模塊化 自動 代碼

基本介紹

1、AngularJS采用模塊化的方式組織代碼,將一些通用邏輯封裝成一個對象或函數,實現最大程度的復用,這導致了使用者和被使用者之間存在依賴關系。

2、所謂依賴註入是指在運行時自動查找依賴關系,然後將查找到依賴傳遞給使用者的一種機制。

3、常見的AngularJS內置服務有$http、$location、$timeout、$rootScope等

基本使用

1、推斷式註入

沒有明確聲明依賴,AngularJS會將函數參數名稱當成是依賴的名稱。這種方式會帶來一個問題,當代碼經過壓縮後函數的參數被壓縮,這樣便會造成依賴無法找到。

App.constructor(DemoController
, [function ($scope, $http) { }]);

2、行內式註入

以數組形式明確聲明依賴,數組元素都是包含依賴名稱的字符串,數組最後一個元素是依賴註入的目標函數。推薦這種方式註入

App.constructor(DemoController, [$scope, $http, function ($scope, $http) {

}]);

Angular——依賴註入