一個(gè)對(duì)象通常有三種方式可以獲得對(duì)其依賴的控制權(quán)：
依賴注入是通過第三種方式實(shí)現(xiàn)的。比如：
function SomeClass(greeter) {this.greeter = greeter;}SomeClass.prototype.greetName = function(name) {this.greeter.greet(name);};SomeClass能夠在運(yùn)行時(shí)訪問到內(nèi)部的greeter，但它并不關(guān)心如何獲得對(duì)greeter的引用。
為了獲得對(duì)greeter實(shí)例的引用，SomeClass的創(chuàng)建者會(huì)負(fù)責(zé)構(gòu)造其依賴關(guān)系并傳遞進(jìn)去。
基于以上原因，AngularJS使用$injetor（注入器服務(wù)）來管理依賴關(guān)系的查詢和實(shí)例化。
事實(shí)上，$injetor負(fù)責(zé)實(shí)例化AngularJS中所有的組件，包括應(yīng)用的模塊、指令和控制器等。
例如下面這段代碼。這是一個(gè)簡單的應(yīng)用，聲明了一個(gè)模塊和一個(gè)控制器：
angular.module('myApp', []).factory('greeter', function() {return {greet: function(msg) {alert(msg);}}}).controller('MyController',function($scope, greeter) {$scope.sayHello = function() {greeter.greet("Hello!");};});當(dāng)AngularJS實(shí)例化這個(gè)模塊時(shí)，會(huì)查找greeter并自然而然地把對(duì)它的引用傳遞進(jìn)去：
<div ng-app="myApp"><div ng-controller="MyController"><button ng-click="sayHello()">Hello</button></div></div>
而在內(nèi)部，AngularJS的處理過程是下面這樣的：
// 使用注入器加載應(yīng)用var injector = angular.injector(['ng', 'myApp']);// 通過注入器加載$controller服務(wù)：var $controller = injector.get('$controller');var scope = injector.get('$rootScope').$new();// 加載控制器并傳入一個(gè)作用域，同AngularJS在運(yùn)行時(shí)做的一樣var MyController = $controller('MyController', {$scope: scope})以上就是本文的全部內(nèi)容，希望本文對(duì)大家學(xué)習(xí)Angularjs依賴注入有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
