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

谢谢你的阅读。我希望你能帮助你，谢谢你对这个站的支持。