美文网首页@IT·互联网
使用constant 和 value 自定义服务

使用constant 和 value 自定义服务

作者: 赵碧菡 | 来源:发表于2017-05-25 20:24 被阅读0次
图片.png

1、constant 方法

  // value 为常量时
 app.constant('$book','angluarJS');
 app.controller('myCtrl',function($scope,$book){
        $scope.bookName=$book;
 });
//value 为对象时
app.constant('$book',{
        'name':'angluarJS',
        'price':58
});
app.controller('myCtrl',function($scope,$book){
    $scope.bookName=$book.name;
    $scope.bookPrice=$book.price;
});

2、value 方法

//value 为常量时
app.constant('$student','Tom');  app.controller('myCtrl',function($scope,$student){
      $scope.stuName=$student;
 });
//value 为对象时
app.constant('$student',{
            'name':'Tom',
        'age':18
  });
 app.controller('myCtrl',function($scope,$student){
       $scope.stuName=$student.name;
       $scope.stuAge=$student.age;
 }); 

3、constant 和value 的区别

①.constant方法创建的服务返回的常量可以被注入到config配置函数中,而value不能

app.constant('$book','angluarJS');
 app.config(function($book){
            
  })

②.value方法创建服务返回的常量的值可以修改,而constant方法创建的不可以修改

app.constant('$student',{
              'name':'Tom',
               'age':18
  });
 app.controller('myCtrl',function($scope,$student){
            //修改服务器常量的值
            angular.extend($student,{
                'age':24
            })
            $scope.stuName=$student.name;
            $scope.stuAge=$student.age;
  }); 

相关文章

网友评论

    本文标题:使用constant 和 value 自定义服务

    本文链接:https://www.haomeiwen.com/subject/vjjzxxtx.html