AngularJSAngularJS依赖注入

Angular 提供了几乎栽方式来创造并报我们协调的 service。

  • factory
  • service
  • provider
  • value

  我们第一来创造一个module(模块),本文中之享有代码都见面因此到之myModule。

 var myModule = angular.module( "myModule", [] );
  1. 用 factory 纵然创建一个对象,为它们上加属性,然后将这目标回来下。

    //第一种植写法(常用)
    myModule.factory(‘greeting’,function(){

    var service = {};
    service.greetingFun = function(name){
        alert('hello '+name);
    }
    return service;
    

    })
    //第二栽写法
    myModule.factory(‘greeting’,function(){

    return function(name){
        alert('hello '+name);
    }
    

    })

  2. service  是用”new”关键字实例化的。因此,你当受”this”添加属性,然后
service 返回”this”。

myModule.service('greeting',function(){
    this.greetingFun = function(name){
        alert('hello '+name);
    }
});

  3. provider  是唯一一栽你可传进 .config() 函数的
service。当您想使当 service
对象启用之前,先进行模块范围之布,那就是应该用
provider。当  myModule.config()修改配置项时:无论何时你吧一个劳务概念了一个provider,这个provider的名还是serviceProvider。在此处service是劳务之讳。

myModule.provider('greeting',function(){
    //可在此处定义变量或函数,即myModule.config()函数可以访问、修改。
    //$get内则不可以,只能用于控制器访问。
    //此处为provider与factory和service的区别。
    this.$get = function(){
        return function(name){
            alert('hello '+name);
        }
    }
})

  4. value 值是简单的JavaScript对象

myModule.value('greeting',function(name){
    alert('hello '+name);
})

详见分解

相关文章