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);
- });