Just do IT --- Angular(二)

依赖注入

依赖注入是angularJs的特性。在支持依赖注入的函数中注入咱们想使用的服务,若是模块注册的有这个服务,就可使用.目的是处理代码之间的依赖关系,减小组件间的耦合
原理:经过构造函数的参数名字来推断依赖服务名称的,经过 toString() 来找到这个定义的 function 对应的字符串,而后用正则解析出其中的参数(依赖项),再去依赖映射中取到对应的依赖,实例化以后传入。

一句话 --- 没事你不要来找我,有事我会去找你。
javascript

供应商(provider)的方法(factory(),service(),provider())

http://www.javashuo.com/article/p-qjsxkgdn-t.html
供应商==>泛指provider
服务==>泛指service
provider==>provider()方法建立的东东
service==>service()方法建立的东东
$provide服务负责告诉Angular如何创造一个新的可注入的东西:即服务。服务会被叫作供应商的东西来定义,你可使用$provide来建立一个供应商。你须要使用$provide中的provider()方法来定义一个供应商,同时你也能够经过要求$provide被注入到一个应用的config函数中来得到$provide服务。java

myMod.config(function($provide) {
  $provide.provider('greeting', function() {
    this.$get = function() {
      return function(name) {
        alert("Hello, " + name);
      };
    };
  });
});

value() : Value 是一个简单的 javascript 对象,用于向控制器传递值(配置阶段):angularjs

var app = angular.module('app', []);

 app.config(function ($provide) {
  $provide.value('movieTitle', 'The Matrix')
});
 
app.controller('ctrl', function (movieTitle) {
  expect(movieTitle).toEqual('The Matrix');
})

service(): 可注入的构造器,在AngularJS中它是单例的,用它在Controller中通讯或者共享数据都很合适segmentfault

app.service('movie', function () {
  this.title = 'The Matrix';
});

factory() : 可注入的function,它和service的区别就是:factory是普通function,而service是一个构造器(constructor),这样Angular在调用service时会用new关键字,而调用factory时只是调用普通的function,因此factory能够返回任何东西,而service能够不返回(可查阅new关键字的做用)app

app.factory('movie', function () {
  return {
    title: 'The Matrix'
  }
});

provider():provider必须有一个$get方法,固然也能够说provider是一个可配置的factoryide

var app = angular.module('app', []);
 
app.provider('movie', function () {
  var version;
  return {
    setVersion: function (value) {
      version = value;
    },
    $get: function () {
      return {
          title: 'The Matrix' + ' ' + version
      }
    }
  }
});
 
app.config(function (movieProvider) {
  movieProvider.setVersion('Reloaded');
});
 
app.controller('ctrl', function (movie) {
  expect(movie.title).toEqual('The Matrix Reloaded');
});

注意这里config方法注入的是movieProvider,上面定义了一个供应商叫movie,可是注入到config中不能直接写movie,由于前文讲了注入的那个东西就是服务,是供应商提供出来的,而config中又只能注入供应商(两个例外是$provide和$injector),因此用驼峰命名法写成movieProvider,Angular就会帮你注入它的供应商。函数

全部的供应商都只被实例化一次,也就说他们都是单例的
除了constant,全部的供应商均可以被装饰器(decorator)装饰
value就是一个简单的可注入的值
service是一个可注入的构造器
factory是一个可注入的方法
decorator能够修改或封装其余的供应商,固然除了constant
provider是一个可配置的factorythis

相关文章
相关标签/搜索