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怎么設置全局變量”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！