您好,登錄后才能下訂單哦!
本篇內(nèi)容主要講解“angular怎么設(shè)置全局變量”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“angular怎么設(shè)置全局變量”吧!
在angualr里設(shè)置全局變量有2個函數(shù),是以定義服務的形式注入進去的,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); }; });
上面兩個代碼運行的結(jié)果都是一樣的,value3會隨著每次點擊都會增加,這樣再次證明了value和constant設(shè)置全局變量的功力,有人問了兩個代碼運行結(jié)果一樣,那有什么區(qū)別呢?
二者的區(qū)別就是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怎么設(shè)置全局變量”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學習!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。