继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

装饰 decorator,网上的资源比较少。记录一下

qq_心向远方_0
关注TA
已关注
手记 11
粉丝 8
获赞 377

装饰decorator,这个东西,看了ng权威教程,里面介绍的东西很少。网上查了一下资料,大概有了自己的理解。

比如有两个module,A和B。module B依赖于module A,module B上有个service Mail,提供两个方法设定setReceiver(收件人) 和 setBody (发件人),在module B上应用Mail服务,如果想增加抄送人,就可以在Mail上装饰(扩展)一个方法addCC。

Moudle A

var Mail=function(){
this.receiver='';
this.body='';
this.cc=[];
}
Mail.prototype={
setReceiver:function(receiver){
this.receiver=receiver;
},
setBody:function(body){
this.body=body;
}
};
angular.module('A',[]).service('Mail',Mail);

Module B

angular.module('B',['A']).config(function($provide){
$provide.decorator('Mail',function($delegate){
$delegate.addCC=function(cc){
this.cc.push(cc);
};
return $delegate;
})
})
.controller('test',function($scope){
Mail.addCC('csk');
console.log(Mail)
});
打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP