AngularJs constant()和value()

﹏ヽ暗。殇╰゛Y 2022-07-12 04:26 188阅读 0赞

angularJS可以通过constant(name,value)和value(name,value)对于创建服务也是很重要的。

相同点是：都可以接受两个参数，name和value。

区别：

1.constant(name,value)可以将一个已经存在的变量值注册为服务，并将其注入到应用的其他部分中。其中，name为注册的常量的名字，value为注册的常量的值或对象。

举例：

(1)value为值时：

angular.module('myApp') .constant('apiKey','123123123')
    .controller('MyController', function($scope, apiKey) {
    // 可以像上面一样用apiKey作为常量
    // 用123123123作为字符串的值
    $scope.apiKey = apiKey;
    });

(2)value为对象时：

angular.module('myApp') .constant('apiKey',{name:[],age:[],date:[]})
    .factory('myFactory',function(apiKey,$scope){
    apiKey.name = "lyy";
    });

2.value(name,value)的name同样是需要注册的服务名,value将这个值将作为可以注入的实例返回。

ngular.module('myApp')
    .value('apiKey','123123123');

它们最大的区别是：常量可以注入到配置函数中，而值不行。  
通常情况下，可以通过value()来注册服务对象或函数，用constant()来配置数据。

![复制代码][copycode.gif]

angular.module('myApp', [])
    .constant('apiKey', '123123123')
    .config(function(apiKey) {
    // 在这里apiKey将被赋值为123123123
    // 就像上面设置的那样
    })
    .value('FBid','231231231')
    .config(function(FBid) {
    // 这将抛出一个错误，未知的provider: FBid
    // 因为在config函数内部无法访问这个值
    });

![复制代码][copycode.gif]

综上，当我们想要创建一个服务，并且这个服务只需要返回数据时，就可以使用constant(name,value)和value(name,value)，不过，它们有两个显著的区别：

1.value不可以在config里注入，但是constant可以

2.value可以修改，但是constant不可以修改，一般直接用constant配置一些需要经常使用的数据。

实例1:在Ionic中全局配置 加载动作

[AngularJS阻止事件冒泡$event.stopPropagation()][AngularJS_event.stopPropagation]

[AngularJs控制器说明（一）][AngularJs]

[Angular 1.6提示$http.get(...).success is not a function][Angular 1.6_http.get_..._.success is not a function]

[copycode.gif]: /images/20220711/498ba1301604405fb51967abbd1dcc87.png
[AngularJS_event.stopPropagation]: http://blog.csdn.net/u011127019/article/details/54970308
[AngularJs]: http://blog.csdn.net/u011127019/article/details/54907017
[Angular 1.6_http.get_..._.success is not a function]: http://blog.csdn.net/u011127019/article/details/54846710