AngularJS constant和value区别详解
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()来配置数据。
angular.module('myApp', [])
.constant('apiKey', '123123123')
.config(function(apiKey) {
// 在这里apiKey将被赋值为123123123
// 就像上面设置的那样
})
.value('FBid','231231231')
.config(function(FBid) {
// 这将抛出一个错误，未知的provider: FBid
// 因为在config函数内部无法访问这个值
});
综上，当我们想要创建一个服务，并且这个服务只需要返回数据时，就可以使用constant(name,value)和value(name,value)，不过，它们有两个显著的区别：
1.value不可以在config里注入，但是constant可以
2.value可以修改，但是constant不可以修改，一般直接用constant配置一些需要经常使用的数据。
以上所述是小编给大家介绍的AngularJS constant和value区别详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
angular 实时监听input框value值的变化触发函数方法
今天小编就为大家分享一篇angular 实时监听input框value值的变化触发函数方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
angular2 ng2 @input和@output理解及示例
本篇文章主要介绍了angular2 ng2 @input和@output理解及示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Angular4.0中引入laydate.js日期插件的方法教程
在AngularJs中我们会不可避免的使用第三方库，例如jquery插件库。下面这篇文章主要给大家介绍了关于Angular4.0中引入laydate.js日期插件的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2017-12-12
详解angular2实现ng2-router 路由和嵌套路由
本篇文章主要介绍了详解angular2实现ng2-router 路由和嵌套路由，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.怎么回事呢？下面小编给大家带来了angular懒加载机制刷新后无法回退的快速解决方法，非常不错，感兴趣的朋友参考下2016-08-08
Angular2-primeNG文件上传模块FileUpload使用详解
这篇文章主要为大家详细介绍了Angular2-primeNG文件上传模块FileUpload使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了Angular2安装angular-cli ,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
$http是angular中的一个核心服务，本篇文章主要介绍了angularJS之$http：与服务器交互示例，具有一定的参考价值，有兴趣的可以了解一下。2017-03-03
angular内置provider之$compileProvider详解
下面小编就为大家带来一篇angular内置provider之$compileProvider详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家详细介绍了AngularJS控制器的使用方法，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论