服务的装饰器 decorator

作者: 赵碧菡 | 来源:发表于2017-05-25 21:16 被阅读0次

图片.png

HTML 代码

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <h1>姓名 ：{{stu.name}}</h1>
    <h1>年龄 ：{{stu.age}}</h1>
    <h1>性别 ：{{stu.sex}}</h1>
</div>

JS代码

<script type="text/javascript">
    
var app=angular.module('myApp',[]);
//创建一个服务
app.factory('$student',function(){
    return {
        'name':'tom',
        'age':18
        }
})
.config(function($provide){
//这里调用了$provide中的decorator 方法
//这里的$delegate 参数是服务($student)实例化后的对象,该参数代表原服务中的JSON对象
         $provide.decorator('$student',function($delegate){
            //添加一个属性
              $delegate.sex="男";
              //修改原有属性值
               $delegate.age=24;
              return $delegate;
          });
    })
.controller('myCtrl',function($scope,$student){
        $scope.stu=$student;
    });
</script>

运行结果

结果.png