微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJs constant()和value()

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',255); line-height:1.5!important">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),不过,它们有两个显著的区别:

1.value不可以在config里注入,但是constant可以

2.value可以修改,但是constant不可以修改,一般直接用constant配置一些需要经常使用的数据。


实例1:在Ionic中全局配置 加载动作

var app = angular.module('myApp',['ionic']);
//全局配置加载动作
app.constant('$ionicLoadingConfig',{
    template: '<ion-spinner icon="lines" class="spinner-calm"></ion-spinner>',animation: 'fade-in',//duration: 5000
});

app.controller('myCtrl',function ($scope,$http,$ionicLoading) {
    $scope.show = function ($event) {
        //显示加载
        $ionicLoading.show();
        $event.stopPropagation();
    }
    $scope.hide = function () {
        //隐藏加载
        $ionicLoading.hide();
    }
});

更多:

AngularJS阻止事件冒泡$event.stopPropagation()

AngularJs控制器说明(一)

Angular 1.6提示$http.get(...).success is not a function

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐