搞颠provider,factory 和service

1、什么是provider

provider可以为应用提供通用的服务,所有的服务工厂都是有provider提供的,可以提供字符串,对象等。我们先看下provider的源码:

  function provider(name, provider_) {
    assertNotHasOwnProperty(name, 'service');
    if (isFunction(provider_) || isArray(provider_)) {
      provider_ = providerInjector.instantiate(provider_);
    }
    if (!provider_.$get) {
      throw $injectorMinErr('pget', "Provider '{0}' must define $get factory method.", name);
    }
    return providerCache[name + providerSuffix] = provider_;
  }

需要provider_对象的$get方法,这个就是为什么在provider中需要提供$get方法,我们先写一个简单的例子(返回这么简单是数据结构可以不用provider,可以用module.value()):

angular.module('myApp').provider('myProvider', {
	$get : function(){
		name : 'hcc0926'
	}
});

参数的对应关系如下:

‘myProvider’--->name,

{} ---> provider_


用法如下:

app.controller('MainCtrl', function ($scope, myProvider) {
    $scope.name = myProvider.name;
});

还可以将这个provider注入到config中

angular.module('myApp').config(function(myProvider){
	
});

顺便提一句(和provider没关系),将应用中用的常量用constant保存下来,注入到controller中使用:

angular.module('myApp').constant("appId","234234");

app.controller('MainCtrl', function ($scope, appId) {
    $scope.appId = appId;
});

2、factory

 在provider中每次都要写一个$get方法,挺麻烦的,这时候你可以考虑factory了,那么第一个例子就可以改造成:

angular.module('myApp').factory('myFactory', function(){
		return {
			name : 'hcc0926'
		}
});

并且功能一样。再看下factory的源码:

function factory(name, factoryFn) { 
    return provider(name, { $get: factoryFn }); 
}

秒懂了吧。


3、service

 使用$injector创建和注册服务有好几种方式:

 最简单的服务(无依赖):

angular.module('myApp').factory("myService",function(){
	return {};
});

最简单的服务(有依赖):

angular.module('myApp').factory("myService",function($http){
	var getUser = function(){
		return $http({
			method: '',
			url : ''
		});
	}
	return {
		getUserInfo: getUser
	};
});

使用server,将声明的service名称注入到controller中,

app.controller('MainCtrl', function ($scope, myService) {
    $scope.name = myService.getUserInfo();
});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章