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 相关文章推荐
js 小数取整的函数
May 10 Javascript
jquery提升性能最佳实践小结
Dec 06 Javascript
JS继承用法实例分析
Feb 05 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
微信小程序 教程之模块化
Oct 17 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
node.js 发布订阅模式的实例
Sep 10 Javascript
swiper 自动图片无限轮播实现代码
May 21 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
vue.js指令v-for使用以及下标索引的获取
Jan 31 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 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
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
jquery 事件对象属性小结
2010/04/27 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
Jquery之Ajax运用 学习运用篇
2011/09/26 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
layer.alert回调函数执行关闭弹窗的实例
2019/09/11 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
python中遍历文件的3个方法
2014/09/02 Python
python微信跳一跳系列之棋子定位颜色识别
2018/02/26 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
详谈python3 numpy-loadtxt的编码问题
2018/04/29 Python
查看django版本的方法分享
2018/05/14 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
Ellesse英国官网:意大利高级运动品牌
2019/07/23 全球购物
党员廉洁自律个人总结
2015/02/13 职场文书
2015年团支部工作总结
2015/04/03 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python