angularjs 設定全域性變數的7種方法

2021-07-13 03:32:11 字數 1169 閱讀 7078

1,通過var 直接定義global variable,這根純js是一樣的。

2,用angularjs value來設定全域性變數 。

3,用angularjs constant來設定全域性變數 。

4,用angularjs rootscope來設定全域性變數 。

5、定義服務。

6、$rootscope。

7、定義乙個服務 來傳 值:

不同controller之間傳值,profile是自定義的乙個服務!

.controller('a',function())

.controller('b',function

())

下面用乙個例子,來說明其中3種方法:

例項:

var test2 = 'tank';         //方法1,定義全域性變數  

'ngroute',  

'phonecatcontrollers',  

'tanktest'  

]);  

function

($routeprovider)

).  

when('/phones/:phoneid', ).  

when('/login', ).  

otherwise();  

}]);

2,在controller中呼叫全域性變數

/* controllers */

var phonecatcontrollers = angular.module('phonecatcontrollers', );  

phonecatcontrollers.controller('phonelistctrl', ['$scope','test','constanttest',  

function

($scope,test,constanttest)

]);

3、結果

}}

}div>  

結果:test111 this is constanttest tank

其實我們可以通過其他方法來實現全域性變數,例如:angularjs factory的功能。

參考:

angularjs 設定全域性變數的7種方法

1,通過var 直接定義global variable,這根純js是一樣的。2,用angularjs value來設定全域性變數 3,用angularjs constant來設定全域性變數 4,用angularjs rootscope來設定全域性變數 5 定義服務。6 rootscope。7 定義乙...

vue設定全域性變數

前端呼叫後端介面的時候,我們固定的前端位址 建立全域性變數檔案global.vue 在main.js檔案中進行掛載 import global from views addresslist global.vue vue.prototype.global global 最後在需要呼叫後端介面的介面上 ...

jmeter設定全域性變數

執行緒組間呼叫變數,需要用到全域性變數。在beanshell sampler裡使用 設定全域性變數 獲取全域性變數 使用jmeter實現併發壓測下只登陸一次 方法一 使用全域性變數 當遇到如跨執行緒組呼叫變數等情況,需要設定全域性變數 1 執行緒組一 使用後置處理器提取登陸介面返回的資訊,如cook...