对全局变量的设置由Angularjs法综述

对全局变量的设置由Angularjs法综述
设置全局变量的方法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厂功能。

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部