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数组详解
Oct 22 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
Dec 08 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
Apr 04 jQuery
vue.js动态数据绑定学习笔记
May 19 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 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 模拟$_PUT实现代码
2010/03/15 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
javascript new后的constructor属性
2010/08/05 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
js性能优化技巧
2015/11/29 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
2016/05/15 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
koa-router源码学习小结
2018/09/07 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
使用python 3实现发送邮件功能
2018/06/15 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
Django 拆分model和view的实现方法
2019/08/16 Python
python如何运行js语句
2020/09/09 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
VICHY薇姿美国官方网站:欧洲药房第一的抗衰老品牌
2017/11/22 全球购物
巴西女装购物网站:Eclectic
2018/04/24 全球购物
给交警的表扬信
2014/01/12 职场文书
简历中的自我评价怎么写
2014/01/29 职场文书
人力资源专员岗位职责
2014/01/30 职场文书
基层干部2014全国两会学习心得体会
2014/03/10 职场文书
汇源肾宝广告词
2014/03/20 职场文书
个人汇报材料范文
2014/12/30 职场文书
大学组织委员竞选稿
2015/11/21 职场文书
优秀新员工事迹材料
2019/05/13 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS
python中sys模块的介绍与实例
2021/04/17 Python
python使用tkinter实现透明窗体上绘制随机出现的小球(实例代码)
2021/05/17 Python