angular怎么设置全局变量 - 开发技术
本篇内容主要讲解“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怎么设置全局变量”有了更深的了解,不妨来实际操作一番吧!这里是云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
The End
发布于:2023-01-18,除非注明,否则均为
原创文章,转载请注明出处。
发表评论