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页面刷新与弹出窗口问题的解决方法
Mar 02 Javascript
IE6,IE7下js动态加载图片不显示错误
Jul 17 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
JS实现两个大数(整数)相乘
Apr 28 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
JavaScript中字符串分割函数split用法实例
Apr 07 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
layui数据表格跨行自动合并的例子
Sep 02 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
php 注释规范
2012/03/29 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
2015/01/13 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
2017/07/09 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
2019/04/11 Javascript
python实现的希尔排序算法实例
2015/07/01 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
解决Python selenium get页面很慢时的问题
2019/01/30 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Python如何将模块打包并发布
2020/08/30 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
英国礼品和生活方式品牌:Treat Republic
2020/11/21 全球购物
毕业自我评价范文
2013/11/17 职场文书
小学数学教学反思
2014/02/02 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
教师求职简历自我评价
2015/03/10 职场文书
怎么用Python识别手势数字
2021/06/07 Python