网站建设资讯

NEWS

网站建设资讯

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

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

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

在angualr里设置全局变量有2个函数,是以定义服务的形式注入进去的,constant()和value(),下面我看来看代码:

  
            请点击我1  
            `value1`  
        
                          请点击我2                 `value2`           
                     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);                };       });
  
            请点击我1  
            `value1`  
        
                          请点击我2                 `value2`           
                     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怎么设置全局变量-创新互联
文章路径:http://njwzjz.com/article/dcciig.html

其他资讯