国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

詳解Angularjs中的依賴注入

2024-05-06 16:29:37
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了Angularjs中的依賴注入,AngularJS提供了一個至高無上的依賴注入機制,感興趣的小伙伴們可以參考一下
 

一個對象通常有三種方式可以獲得對其依賴的控制權:

  • 在內部創建依賴;
  • 通過全局變量進行引用;
  • 在需要的地方通過參數進行傳遞

依賴注入是通過第三種方式實現的。比如:

function SomeClass(greeter) {this.greeter = greeter;}SomeClass.prototype.greetName = function(name) {this.greeter.greet(name);};

SomeClass能夠在運行時訪問到內部的greeter,但它并不關心如何獲得對greeter的引用。
為了獲得對greeter實例的引用,SomeClass的創建者會負責構造其依賴關系并傳遞進去。

基于以上原因,AngularJS使用$injetor(注入器服務)來管理依賴關系的查詢和實例化。
事實上,$injetor負責實例化AngularJS中所有的組件,包括應用的模塊、指令和控制器等。

例如下面這段代碼。這是一個簡單的應用,聲明了一個模塊和一個控制器:

angular.module('myApp', []).factory('greeter', function() {return {greet: function(msg) {alert(msg);}}}).controller('MyController',function($scope, greeter) {$scope.sayHello = function() {greeter.greet("Hello!");};});

當AngularJS實例化這個模塊時,會查找greeter并自然而然地把對它的引用傳遞進去:

<div ng-app="myApp"><div ng-controller="MyController"><button ng-click="sayHello()">Hello</button></div></div>

而在內部,AngularJS的處理過程是下面這樣的:

// 使用注入器加載應用var injector = angular.injector(['ng', 'myApp']);// 通過注入器加載$controller服務:var $controller = injector.get('$controller');var scope = injector.get('$rootScope').$new();// 加載控制器并傳入一個作用域,同AngularJS在運行時做的一樣var MyController = $controller('MyController', {$scope: scope})

以上就是本文的全部內容,希望本文對大家學習Angularjs依賴注入有所幫助。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 米泉市| 荔波县| 卢龙县| 酒泉市| 定日县| 顺昌县| 吐鲁番市| 秦安县| 鲁甸县| 黄龙县| 平舆县| 砚山县| 会泽县| 内乡县| 宁南县| 惠州市| 蕲春县| 廊坊市| 佛山市| 得荣县| 临城县| 宁安市| 自治县| 赞皇县| 同江市| 元氏县| 城固县| 通山县| 静海县| 同心县| 古丈县| 滨海县| 玉门市| 仙游县| 普陀区| 缙云县| 舒城县| 安仁县| 万安县| 徐州市| 女性|