angular怎么设置全局变量-创新互联

本篇内容主要讲解“angular怎么设置全局变量”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“angular怎么设置全局变量”吧!

创新互联公司长期为超过千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为元氏企业提供专业的成都网站建设、网站制作，元氏网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

在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怎么设置全局变量”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：angular怎么设置全局变量-创新互联
网页网址：https://www.cdcxhl.com/article6/dcciig.html

成都网站建设公司_创新互联，为您提供响应式网站、定制网站、网站建设、营销型网站建设、全网营销推广、品牌网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联