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

2021-07-09 02:07:38 字數 3173 閱讀 2055

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

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

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

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

5、定義服務。

6、$rootscope。

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

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

12

3

4

.controller('a',function())

? 1

2

3

4

.controller('b',function())

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

例項:? 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

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

var, [

'ngroute',

'phonecatcontrollers',

'tanktest'

]);

'test',);//方法2定義全域性變數

'constanttest','this is constanttest');//方法3定義全域性變數

'$routeprovider',//設定路由

function($routeprovider) ).

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

when('/login', ).

otherwise();

}]);

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

1

2

3

4

5

6

7

8

9

10

/* controllers */

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

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

function($scope,test,constanttest) ]);

3、結果?

1

2

3

4

5

6

7

}

}

}

結果:test111thisis 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...