我们经常在使用某些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

随机文章

115用户页面改版
115用户页面改版

用微信免费查工商银行余额
用微信免费查工商银行余额

财猫省钱浏览器针对java异常hold住
财猫省钱浏览器针对java异常hold住

终于实现win主机wordpress评论回复发送邮件通知
终于实现win主机wordpress评论回复发送邮件通知

在facebook上创建页面并给予唯一url
在facebook上创建页面并给予唯一url

相关文章

engadget发布上周android系统更新摘要
engadget发布上周android系统更新摘要

新浪微博支持电信天翼和联通帐号登录
新浪微博支持电信天翼和联通帐号登录

为什么网页游戏就只能靠美女广告引诱
为什么网页游戏就只能靠美女广告引诱

如此牛X的facebook我们去访问不了
如此牛X的facebook我们去访问不了

大家快来免费抢阿里云主机哦
大家快来免费抢阿里云主机哦

内容分享:道招
本文链接:AngularJs的provider里面的装饰器decorator
道招声明:除特别标注或作者不详外,本站所有文章均为原创,转载请注明。欢迎共同关注互联网!