詳解Angularjs中的依靠注入_

1、詳解Angularjs中的依靠注入_ 這篇文章主要為大家具體介紹了Angularjs中的依靠注入，AngularJS供應(yīng)了一個(gè)至高無(wú)上的依靠注入機(jī)制，感愛(ài)好的小伙伴們可以參考一下 一個(gè)對(duì)象通常有三種方式可以獲得對(duì)其依靠的掌握權(quán)： 在內(nèi)部創(chuàng)建依靠； 通過(guò)全局變量進(jìn)行引用； 在需要的地方通過(guò)參數(shù)進(jìn)行傳遞 依靠注入是通過(guò)第三種方式實(shí)現(xiàn)的。比如： function SomeClass(greeter) this.greeter = greeter; SomeCtotype.greetName = function(name) this.greeter.greet(name); ; So

2、meClass能夠在運(yùn)行時(shí)訪問(wèn)到內(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ù)）來(lái)管理依靠關(guān)系的查詢和實(shí)例化。 事實(shí)上，$injetor負(fù)責(zé)實(shí)例化AngularJS中全部的組件，包括應(yīng)用的模塊、指令和掌握器等。 例如下面這段代碼。這是一個(gè)簡(jiǎn)潔的應(yīng)用，聲明白一個(gè)模塊和一個(gè)掌握器： angular.module(myApp, ) .factory(greeter, function() return greet: fu

3、nction(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的處理過(guò)程是下面這樣的： / 用法注入器加載應(yīng)用 var injector = angular.injector(ng, myApp); / 通過(guò)注入器加載$controller服務(wù)：var $controller = injector.get($controller); var scope = injector.get($rootScope).$new(); / 加載掌握器并傳入一個(gè)作用域，同AngularJS在運(yùn)行時(shí)做的一樣 var MyController = $controller(MyControll