`
hudeyong926
  • 浏览: 2016664 次
  • 来自: 武汉
社区版块
存档分类
最新评论

angularjs 装饰器 Decorator

 
阅读更多

Decorator
装饰, 在已有的功能上锦上添花
Use case 使用场景:

我有一个module A依赖于另外一个module B。 module B有个service Mail, 这个服务提供两个方法setReceiver 和 setBody 分别用来指定邮件的收件人和邮件的内容。 但是在module A 使用Mail服务的时候, 我希望还可以指定抄送的人。 这个时候我就可以在已有的service上扩展下(装饰下)加个addCC的方法。

var Mail = function() {
    this.receiver = '';
    this.body = '';
    this.cc = [];
};

Mail.prototype.setReceiver = function(receiver) {
    this.receiver = receiver;
};

Mail.prototype.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('TestCtrl', function($scope, Mail) {
    Mail.addCC('jack');
    console.log(Mail);
});

 

 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics