我有一个问题,我在控制器的范围上初始化一个变量。然后当用户登录时,它在另一个控制器中被更改。该变量用于控制导航栏等内容,并根据用户类型限制对站点部分内容的访问,因此保持其值很重要。它的问题是,初始化它的控制器,被angular以某种方式再次调用,然后将变量重置回初始值。
我认为这不是声明和初始化全局变量的正确方式,好吧,它并不是真正的全局,所以我的问题是,正确的方式是什么?有没有什么好的例子可以在当前版本的angular中使用?
我有一个问题,我在控制器的范围上初始化一个变量。然后当用户登录时,它在另一个控制器中被更改。该变量用于控制导航栏等内容,并根据用户类型限制对站点部分内容的访问,因此保持其值很重要。它的问题是,初始化它的控制器,被angular以某种方式再次调用,然后将变量重置回初始值。
我认为这不是声明和初始化全局变量的正确方式,好吧,它并不是真正的全局,所以我的问题是,正确的方式是什么?有没有什么好的例子可以在当前版本的angular中使用?
当前回答
我只是无意中发现了另一个方法:
我所做的是在app声明上面声明一个var db = null,然后在app.js中修改它,然后当我在controller.js中访问它 我可以毫无问题地访问它。这种方法可能有一些问题,我不知道,但我想这是一个很好的解决方案。
其他回答
AngularJS使用$rootScope创建全局变量的例子:
控制器1设置全局变量:
function MyCtrl1($scope, $rootScope) {
$rootScope.name = 'anonymous';
}
控制器2读取全局变量:
function MyCtrl2($scope, $rootScope) {
$scope.name2 = $rootScope.name;
}
这是一个工作的jsFiddle: http://jsfiddle.net/natefriedman/3XT3F/1/
你也可以这样做。
function MyCtrl1($scope) {
$rootScope.$root.name = 'anonymous';
}
function MyCtrl2($scope) {
var name = $rootScope.$root.name;
}
你基本上有2个“全局”变量的选项:
使用$rootScope http://docs.angularjs.org/api/ng.$rootScope 使用服务http://docs.angularjs.org/guide/services
$rootScope是所有作用域的父域,因此在那里暴露的值将在所有模板和控制器中可见。使用$rootScope非常简单,因为您可以简单地将它注入到任何控制器中并更改该范围内的值。它可能很方便,但有全局变量的所有问题。
服务是单例,您可以将其注入到任何控制器,并在控制器的作用域中公开它们的值。服务,作为单例仍然是“全局的”,但你可以更好地控制它们在哪里被使用和公开。
使用服务有点复杂,但也没有那么复杂,这里有一个例子:
var myApp = angular.module('myApp',[]);
myApp.factory('UserService', function() {
return {
name : 'anonymous'
};
});
然后在控制器中:
function MyCtrl($scope, UserService) {
$scope.name = UserService.name;
}
下面是工作的jsFiddle: http://jsfiddle.net/pkozlowski_opensource/BRWPM/2/
如果你只是想存储一个值,根据Angular的Providers文档,你应该使用value recipe:
var myApp = angular.module('myApp', []);
myApp.value('clientId', 'a12345654321x');
然后像这样在控制器中使用它:
myApp.controller('DemoController', ['clientId', function DemoController(clientId) {
this.clientId = clientId;
}]);
使用提供者、工厂或服务也可以达到同样的效果,因为它们“只是提供者菜谱上的语法糖”,但使用值可以用最少的语法实现您想要的效果。
另一个选项是使用$rootScope,但这不是一个真正的选项,因为你不应该使用它,因为同样的原因,你不应该在其他语言中使用全局变量。建议有节制地使用。
因为所有作用域都继承自$rootScope,如果你有一个变量$rootScope。数据,有人忘记了数据已经定义并创建$scope。本地范围内的数据将会遇到问题。
如果你想修改这个值并让它在你的所有控制器上保持不变,请使用一个对象并修改属性,记住Javascript是通过“引用的副本”传递的:
myApp.value('clientId', { value: 'a12345654321x' });
myApp.controller('DemoController', ['clientId', function DemoController(clientId) {
this.clientId = clientId;
this.change = function(value) {
clientId.value = 'something else';
}
}];
JSFiddle例子
我只是无意中发现了另一个方法:
我所做的是在app声明上面声明一个var db = null,然后在app.js中修改它,然后当我在controller.js中访问它 我可以毫无问题地访问它。这种方法可能有一些问题,我不知道,但我想这是一个很好的解决方案。