我们经常在使用某些Service的时候,更希望它能具备一些额外的功能,这时我们难道改这个Service吗?如果是系统自带的呢,改吗?这当然不现实吧。所以我们的装饰器decorator就发挥作用了,它能让已有的功能锦上添花。我们在config里面使用装饰器。
使用方法:

第一个参数:需要装饰的Service名

第二个参数:一个接受$delegate的回调函数,$delegate代表我们的原来的service实例。

需要注意的是constant常量是不可以被装饰的。
示例代码如下:

var app = angular.module("myApp", []);
app.controller('myCtrl', ['$scope', 'myInfo', function($scope, myInfo) {
  console.log(myInfo);
}]);

app.config(['$provide', function($provide) {
  $provide.decorator('myInfo', function($delegate) {
    $delegate.lastName = "Prompt";
    return $delegate;
  })
}]);

app.service('myInfo', function() {
  this.fistName = "Shadow";
})

原来的服务myInfo只有firstName一个属性,我们利用decorator后在不修改myInfo代码的情况下里面添加了lastName属性。
decorator


发表评论

电子邮件地址不会被公开。 必填项已用*标注