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 获取事件对象的注意点
Jul 29 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
详解微信小程序调起键盘性能优化
Jul 24 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
Nuxt 项目性能优化调研分析
Nov 07 Javascript
微信小程序左右滑动切换页面详解及实例代码
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一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
php判断数组中是否存在指定键(key)的方法
2015/03/17 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例
2018/05/23 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
jquery 面包屑导航 具体实现
2013/06/05 Javascript
js实现点击切换TAB标签实例
2015/08/21 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python注释详解
2016/06/01 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
Python如何读写字节数据
2020/08/05 Python
CSS3+Sprite实现僵尸行走动画特效源码
2016/01/27 HTML / CSS
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
房地产销售员的自我评价分享
2013/12/04 职场文书
企划主管岗位职责
2013/12/12 职场文书
司机辞职报告范文
2014/01/20 职场文书
社区党支部承诺书
2015/04/29 职场文书
幽灵公主观后感
2015/06/09 职场文书
繁星春水读书笔记
2015/06/30 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书
话题作文之自信作文
2019/11/15 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技