搞颠provider,factory 和service

72 篇文章 0 订阅
61 篇文章 0 订阅

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;);2factoryprovider 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();
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值