搞顛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();
});