我有一个问题,我在控制器的范围上初始化一个变量。然后当用户登录时,它在另一个控制器中被更改。该变量用于控制导航栏等内容,并根据用户类型限制对站点部分内容的访问,因此保持其值很重要。它的问题是,初始化它的控制器,被angular以某种方式再次调用,然后将变量重置回初始值。
我认为这不是声明和初始化全局变量的正确方式,好吧,它并不是真正的全局,所以我的问题是,正确的方式是什么?有没有什么好的例子可以在当前版本的angular中使用?
我有一个问题,我在控制器的范围上初始化一个变量。然后当用户登录时,它在另一个控制器中被更改。该变量用于控制导航栏等内容,并根据用户类型限制对站点部分内容的访问,因此保持其值很重要。它的问题是,初始化它的控制器,被angular以某种方式再次调用,然后将变量重置回初始值。
我认为这不是声明和初始化全局变量的正确方式,好吧,它并不是真正的全局,所以我的问题是,正确的方式是什么?有没有什么好的例子可以在当前版本的angular中使用?
当前回答
您还可以使用环境变量$window,以便在控制器外部声明的全局变量可以在$watch内部进行检查
var initWatch = function($scope,$window){
$scope.$watch(function(scope) { return $window.globalVar },
function(newValue) {
$scope.updateDisplayedVar(newValue);
});
}
注意,使用这些全局值时,摘要周期更长,因此并不总是实时更新。我需要研究这个构型下的消化时间。
其他回答
尝试一下,你不会强制在控制器中注入$rootScope。
app.run(function($rootScope) {
$rootScope.Currency = 'USD';
});
你只能在运行块中使用它,因为配置块不会提供给你使用$rootScope服务。
localStorage.username = 'blah'
如果你用的是现代浏览器的话。尽管知道你的值都将被转换成字符串。
也有方便的好处被缓存之间重新加载。
如果我说错了,请指正,但当Angular 2.0发布时,我不相信$rootScope会出现。我的猜想是基于$scope也被删除的事实。显然,控制器仍然会存在,只是不是以ng-controller的方式。可以考虑将控制器注入到指令中。由于即将发布,如果您想更容易地从版本1切换到版本1,最好将服务用作全局变量。X到2.0。
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/
我只是无意中发现了另一个方法:
我所做的是在app声明上面声明一个var db = null,然后在app.js中修改它,然后当我在controller.js中访问它 我可以毫无问题地访问它。这种方法可能有一些问题,我不知道,但我想这是一个很好的解决方案。