设置全局变量的
方法AngularJS三
有两种AngularJS本身,设置全局变量的方法,并对除设置全局变量JS法三种方法。要实现的
功能是在
应用程序中定义的全局变量为可用于不同的NG
控制器。
1,全局变量直接通过var定义,这是相同的纯js。
2、用AngularJS值的全局变量设置。
3、用AngularJS恒全局变量设置。
下面是一个例子来说明上述3种方法:
实例uff1a
1,在应用程序模块中定义全局变量。
严格使用;
应用程序模块
VaR test2 = 'tank '; / / 1方法,全局变量的定义
无功phonecatapp = angular.module('phonecatapp,{ / /定义一个NG的应用
ngroute,
phonecatcontrollers,
tanktest
});
phonecatapp.value(测试,{测试:test222
phonecatapp.constant('constanttest本,是constanttest '); / / 3全局变量的定义
phonecatapp.config({ $ routeprovider ' /
路由设置
功能($ routeprovider){
routeprovider美元。
当(电话){
TemplateUrl:'partials /电话清单。HTML / /控制器不在这里设置,可以加ng控制器模块
})。
当( / /电话:PhoneID,{
TemplateUrl:'partials /电话
详细的HTML,
控制器:'phonedetailctrl
})。
当(
登录){
TemplateUrl:'partials /登录HTML,
控制器:'loginctrl
})。
否则({
RedirectTo: /登录
});
});
2,在控制器中调用全局变量
严格使用;
控制器
无功phonecatcontrollers = angular.module('phonecatcontrollers,{ });
PhonecatControllers.controller('phonelistctrl,{美元的范围,测试,'constanttest,
功能(美元范围,测试,constanttest){
scope.test美元测试= 2; / /方法,全局变量被分配至scope.test
scope.constanttest美元constanttest = 3; / /方法,分配
scope.test2美元test2 = 1; / /方法,分配
});
3,看看HTML中的效果
{ { } }试验测试。
{ { constanttest } }
{ { test2 } }
结果:test111这是constanttest罐
事实上,我们可以通过其它方式实现全局变量,比如AngularJS厂功能。
谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的
支持。