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中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
Javascript window对象详解
Nov 12 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
js只执行1次的函数示例
Jul 20 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
编写一个javascript元循环求值器的方法
Apr 14 Javascript
ES5新增数组的实现方法
May 12 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 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版自动生成文章摘要
2008/07/23 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
this[] 指的是什么内容 讨论
2007/03/24 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
正则表达式,替换所有HTML标签的简单实例
2016/11/28 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
webpack 2.x配置reactjs基本开发环境详解
2017/08/08 Javascript
Django+Vue跨域环境配置详解
2018/07/06 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
2019/12/16 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
python实现归并排序算法
2018/11/22 Python
Python3.8中使用f-strings调试
2019/05/22 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
三个儿子教学反思
2014/02/03 职场文书
动漫设计与制作专业推荐信
2014/07/07 职场文书
戒赌保证书
2015/05/11 职场文书
创业者如何撰写出一份打动投资人的商业计划书?
2019/07/02 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Python绘制散乱的点构成的图的方法
2022/04/21 Python