AngularJS constant和value区别详解
更新时间：2017年02月28日 16:44:44 作者：xibingru
angularJS可以通过constant(name,value)和value(name,value)对于创建服务也是很重要的。他们之间有什么不同呢？今天小编给大家分享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.js是Google开发的前端技术框架，最近一直在学习Angular.js，通过对angular.js的简单理解后发现，angular.js通过一些简单的指令即可实现对DOM元素的操作，其特色为双向数据绑定，下面这篇文章给大家详细介绍Angular.js实现注册系统的方法，一起来看看吧。2016-12-12
这篇文章主要介绍了Angular2 http jsonp的实例详解的相关资料,希望通过本能帮助到大家，需要的朋友可以参考下2017-08-08
这篇文章主要介绍了使用AngularJS2中的指令实现按钮的切换效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
Bootstrap和Angularjs配合自制弹框的实例代码
今天小编通过本文给大家分享Bootstrap和Angularjs配合自制弹框的实例代码，代码简单易懂，有需要的朋友跟着小编一起学习2016-08-08
本篇文章主要介绍了详解angularjs利用ui-route异步加载组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
AngularJS ng-bind-html 指令详解及实例代码
本文主要是对AngularJS ng-bind-html 指令知识的详细讲解，并附代码实例，有需要的小伙伴可以参考下2016-07-07
这篇文章主要介绍了AngularJS自定义插件实现网站用户引导功能,结合实例形式分析了AngularJS自定义插件的实现步骤与相关功能技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Angular实现的日程表功能,带有向日程表中添加内容及隐藏显示内容的功能,涉及AngularJS事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2017-12-12
在各大购物网站大家都可以简单购物车效果演示，下面通过本文给大家分享一段代码关于使用Angular.js实现简单的购物车功能，需要的朋友可以参考下2016-11-11
这篇文章给大家介绍了如何利用AngularJs实现京东首页轮播图的效果，本文通过示例代码详细介绍了实现过程，对大家学习AngularJS具有一定参考借鉴价值，有需要的朋友们可以参考借鉴。2016-09-09
最新评论