什么是依赖注入

依赖注入（DI）是一种软件设计模式。在此模式中，一个或多个依赖项（或服务）被注入（或通过引用传递）到独立对象（或客户端），然后成为客户端状态的一部分。
这种模式分离了客户端依赖行为本身的创建，这使得程序设计松散耦合，并遵循依赖反转和单一责任的原则。与服务定位器模式直接相反，它允许客户机理解客户机如何使用系统查找依赖项。

Angularjs提供了良好的依赖注入机制。以下五个核心组件用作依赖项注入：

• List item
• value
• factory
• service
• provider
• constant

定义一个模块

var mainApp = angular.module("mainApp", []);
1

创建 value 对象 “defaultInput” 并传递数据

mainApp.value("defaultInput", 5);
1

将 “defaultInput” 注入到控制器

mainApp.controller('CalcController', function($scope, CalcService, defaultInput) {
   $scope.number = defaultInput;
   $scope.result = CalcService.square($scope.number);
   
   $scope.square = function() {
      $scope.result = CalcService.square($scope.number);
   }
});
1
2
3
4
5
6
7
8

factory

factory是一个返回值的函数。它是在服务和控制器需要时创建的。
通常我们使用factory函数来计算或返回值。
创建 factory “MathService” 用于两数的乘积 provides a method multiply to return multiplication of two numbers

mainApp.factory('MathService', function() {
   var factory = {};
   
   factory.multiply = function(a, b) {
      return a * b
   }
   return factory;
}); 
1
2
3
4
5
6
7
8

在 service 中注入 factory “MathService”

mainApp.service('CalcService', function(MathService){
   this.square = function(a) {
      return MathService.multiply(a,a);
   }
});
1
2
3
4
5

在angularjs中，通过提供者（配置阶段）创建服务、工厂等。
提供程序提供了一个工厂方法get（），用于返回value/service/factory。

mainApp.config(function($provide) {
   $provide.provider('MathService', function() {
      this.$get = function() {
         var factory = {};  
         
         factory.multiply = function(a, b) {
            return a * b; 
         }
         return factory;
      };
   });
});
1
2
3
4
5
6
7
8
9
10
11
12

使用 provider 创建 service 定义一个方法用于计算两数乘积
常量（Constant）用于在配置阶段传递值。请注意，此常量在配置阶段不可用。

html 元素是 AngularJS 应用: ng-app=“myNoteApp” 的容器:

1

1

1

Save
Clear
1
2

mainApp.constant("configParam", "constant value");
1

1
2

保存
清除



1
2
3
4
5
6