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使用递归解析xml
Dec 12 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
javascript正则表达式模糊匹配IP地址功能示例
Jan 06 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
Apr 18 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
Dec 04 Javascript
vant picker+popup 自定义三级联动案例
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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
使用PHP 5.0创建图形的巧妙方法
2010/10/12 PHP
PHP 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
php进程间通讯实例分析
2016/07/11 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
django中的ajax组件教程详解
2018/10/18 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
javascript实现表格排序 编辑 拖拽 缩放
2015/01/02 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
JavaScript中的acos()方法使用详解
2015/06/14 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
2020/02/24 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
python内置数据类型之列表操作
2018/11/12 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
python之列表推导式的用法
2019/11/29 Python
详解python如何引用包package
2020/06/07 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
毕业自荐信
2013/12/16 职场文书
业务主管岗位职责范本
2013/12/25 职场文书
初级会计求职信范文
2014/02/15 职场文书
党员教师工作决心书
2014/03/13 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
三方股东合作协议书
2014/10/28 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
浅谈Python数学建模之数据导入
2021/06/23 Python