AngularJS constant和value区别详解


Posted in Javascript onFebruary 28, 2017

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区别详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
May 18 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
vue响应式系统之observe、watcher、dep的源码解析
Apr 09 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
微信小程序左右滑动切换页面详解及实例代码
Feb 28 #Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
Feb 28 #Javascript
Vue.js父与子组件之间传参示例
Feb 28 #Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 #Javascript
JS对象创建的几种方式整理
Feb 28 #Javascript
js仿淘宝评价评分功能
Feb 28 #Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 #Javascript
You might like
PHP 和 XML: 使用expat函数(三)
2006/10/09 PHP
javascript,php获取函数参数对象的代码
2011/02/03 PHP
php5.5中类级别的常量使用介绍
2013/10/02 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
php文件包含的几种方式总结
2019/09/19 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
javascript中onmouse事件在div中失效问题的解决方法
2012/01/09 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
浅谈Angular 中何时取消订阅
2017/11/22 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
Vue项目中跨域问题解决方案
2018/06/05 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
通过mod_python配置运行在Apache上的Django框架
2015/07/22 Python
Django自定义用户认证示例详解
2018/03/14 Python
django模板结构优化的方法
2019/02/28 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
《赶海》教学反思
2014/04/20 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
服务整改报告
2014/11/06 职场文书
律师函格式范本
2015/05/27 职场文书
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android