angularjs 设置全局变量的7种方法
来源:互联网 发布:数据挖掘待遇 编辑:程序博客网 时间:2024/06/10 16:59
在ng-app或控制器中定义的全局变量,在不同的controller里都可以使用。
1,通过var 直接定义global variable,这根纯js是一样的。
2,用angularjs value来设置全局变量 。
3,用angularjs constant来设置全局变量 。
4,用angularjs rootscope来设置全局变量 。
5、定义服务。
6、$rootScope。
7、定义一个服务 来传 值:
不同controller之间传值,profile是自定义的一个服务!
1
2
3
4
.controller(
'a'
,
function
(){
Profile.userNameAll = $scope.user.userName;
Profile.cellphone = $scope.user.phoneNum;
})
1
2
3
4
.controller(
'b'
,
function
(){
$scope.userName = Profile.userNameAll;
$scope.phoneNum = Profile.cellphone;
})
下面用一个例子,来说明其中3种方法:
实例:
1,在app模块中,定义全局变量:
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
var
test2 =
'tank'
;
//方法1,定义全局变量
var
app = angular.module(
'app'
, [
'ngRoute'
,
'phonecatControllers'
,
'tanktest'
]);
app .value(
'test'
,{
"test"
:
"test222"
,
"test1"
:
"test111"
});
//方法2定义全局变量
app .constant(
'constanttest'
,
'this is constanttest'
);
//方法3定义全局变量
app .config([
'$routeProvider'
,
//设置路由
function
($routeProvider) {
$routeProvider.
when(
'/phones'
, {
templateUrl:
'partials/phone-list.html'
//这里没有设置controller,可以在模块中加上ng-controller
}).
when(
'/phones/:phoneId'
, {
templateUrl:
'partials/phone-detail.html'
,
controller:
'PhoneDetailCtrl'
}).
when(
'/login'
, {
templateUrl:
'partials/login.html'
,
controller:
'loginctrl'
}).
otherwise({
redirectTo:
'/login'
});
}]);
2,在controller中调用全局变量
1
2
3
4
5
6
7
8
9
10
/* Controllers */
var
phonecatControllers = angular.module(
'phonecatControllers'
, []);
phonecatControllers.controller(
'PhoneListCtrl'
, [
'$scope'
,
'test'
,
'constanttest'
,
function
($scope,test,constanttest) {
$scope.test = test;
//方法2,将全局变量赋值给$scope.test
$scope.constanttest = constanttest;
//方法3,赋值
$scope.test2 = test2;
//方法1,赋值
}]);
3、结果
1
2
3
4
5
6
7
<div data-ng-controller=
"PhoneListCtrl"
>
{{test.test1}}
{{constanttest}}
{{test2}}
</div>
结果:test111
this
is constanttest tank
其实我们可以通过其他方法来实现全局变量,例如:angularjs factory的功能。
0 0
- angularjs 设置全局变量的7种方法
- angularjs 设置全局变量的7种方法
- angularjs 设置全局变量的7种方法
- angularjs 设置全局变量的3种方法
- angularjs 设置全局变量的3种方法
- angularJs设置全局变量的N种方法
- angularJS三种定义全局变量的方法
- Angularjs------- 定义全局变量的3中方法
- Ag设置全局变量的N种方法
- C++中设置全局变量的几种方法
- 【入门篇】Activiti设置全局变量的四种方法
- WINCE在BSP设置全局变量的方法
- JAVA中设置全局变量的方法
- angularjs中全局变量 constant 和 value方法
- 在BSP的.bat文件下设置全局变量的方法
- Android全局变量的设置
- jsp全局变量的设置
- MR全局变量的设置
- OpenCV视频写入详解_Python,视频保存0kb问题
- 72小时学会任何一款软件
- (解题报告)HDU2022---海选女主角
- Android ORM框架之-ActiveAndroid的简单分析
- Javascript生成GUID
- angularjs 设置全局变量的7种方法
- 10块钱可以喝多少瓶啤酒
- MYSQL 设计数据结构需注意问题
- 拯救oibh总部
- 试验一:基本I/O口功能设计
- 基于单片机的毕业设计课题汇总-适合本科生-需要毕业设计的同学进来看看
- LVM
- 福建2012年省赛C
- Java读取证书、公钥、私钥