本篇内容主要讲解“angular怎么设置全局变量”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“angular怎么设置全局变量”吧!
在angualr里设置全局变量有2个函数，是以定义服务的形式注入进去的，constant()和value(),下面我看来看代码：
<div ng-controller="myCtrl1">
<button ng-click="onclick1()">请点击我1</button>
`value1`
</div>
<div ng-controller="myCtrl2">
<button ng-click="onclick2()">请点击我2</button>
`value2`
</div>
</body>
<script type="text/javascript">
var app = angular.module('myApp', []);
app.constant('myConstant',{"value1":"哈哈","value2":"hello world",value3:1});
app.controller('myCtrl1', function($scope,myConstant) {
$scope.onclick1 = function() {
$scope.value1 = myConstant.value1 + (++myConstant.value3);
};
});
app.controller('myCtrl2', function($scope,myConstant) {
$scope.onclick2 = function() {
$scope.value2 = myConstant.value2 + (++myConstant.value3);
};
});
<div ng-controller="myCtrl1">
<button ng-click="onclick1()">请点击我1</button>
`value1`
</div>
<div ng-controller="myCtrl2">
<button ng-click="onclick2()">请点击我2</button>
`value2`
</div>
</body>
<script type="text/javascript">
var app = angular.module('myApp', []);
app.value('myConstant',{"value1":"哈哈","value2":"hello world",value3:1});
app.controller('myCtrl1', function($scope,myConstant) {
$scope.onclick1 = function() {
$scope.value1 = myConstant.value1 + (++myConstant.value3);
};
});
app.controller('myCtrl2', function($scope,myConstant) {
$scope.onclick2 = function() {
$scope.value2 = myConstant.value2 + (++myConstant.value3);
};
});
上面两个代码运行的结果都是一样的，value3会随着每次点击都会增加，这样再次证明了value和constant设置全局变量的功力，有人问了两个代码运行结果一样，那有什么区别呢？
二者的区别就是value不可在config里注入，constant可以。
app.constant('myConstant',{"value1":"哈哈哈","value2":"hello world",value3:1});
app.value('myValue',{"value1":"哈哈哈","value2":"hello world",value3:1});
app.config(function(myValue){
..
});
运行上面的代码会报错。
app.config(function(myConstant){
//可以得到constant定义的'myConstant'
});
到此，相信大家对“angular怎么设置全局变量”有了更深的了解，不妨来实际操作一番吧！这里是云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
