AngularJS：如何访问控制器之外的全局变量？[副本]
如果可能的话，我愿意使用服务。
请建议。
谢谢
function fbLandingCtrl($scope, $rootScope) {
$rootScope.isFBLoggedin = false;
$scope.login = function() {
console.log( $rootScope.isFBLoggedin);
fbHelper.login(getUserInfo);
};
function getUserInfo(){
fbHelper.getUserInfo(updateStatus);
}
function updateStatus(userInfo){
$rootScope.isFBLoggedin = true;
console.log( $rootScope.isFBLoggedin);
}
}
myapp.factory('FBService', [ '$rootScope', function ($rootScope) {
$rootScope.isFBLoggedin = false; // global variable
$rootScope.userName = null;
$rootScope.userEmail = null;
return {
getStatus: function() {
return $rootScope.isFBLoggedin;
},
setStatus: function(status) {
console.log("Status:"+status);
return $rootScope.isFBLoggedin = status;
}
};
}]);
我还使用$rootscope.$apply(function(){}}）来呈现视图
共有1个答案
请不要使用$rootscope定义任何函数--这是非常糟糕的做法。记住$rootscope毕竟是一个全局变量。
您可以通过如下服务获得$rootscope：
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script>
var myApp = angular.module('myApp', []);
myApp.controller('myAppCtrl', ['$scope', 'myService', function ($scope, myService) {
console.log(myService.getData());
}])
myApp.factory('myService', [ '$rootScope', function ($rootScope) {
return {
getData: function() {
return $rootScope;
}
};
}])
</script>
</head>
<body ng-controller="myAppCtrl">
</body>
</html>
$rootscope存在，但可用于邪恶
相反，不要创建一个其唯一目的是存储和返回数据位的服务。
更新的答案
我不确定你的应用程序的场景是什么。我需要看到更多的代码来给你一个更好的答案，但请看下面的代码。也许它可以让您了解如何设计代码来访问服务内部的$rootscope。
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
<script>
var myApp = angular.module('myApp', []);
myApp.controller('fbLandingCtrl', ['$scope', '$rootScope', 'loginService', function ($scope, $rootScope, loginService) {
$rootScope.isFBLoggedin = false;
$scope.login = function() {
console.log('Current login status', $rootScope.isFBLoggedin);
console.log(loginService.getUserInfo());
loginService.login(loginService.getUserInfo());
loginService.updateStatus();
};
}]);
myApp.factory('loginService', [ '$rootScope', function ($rootScope) {
return {
login: function() {
console.log('now I am logged in!');
return $rootScope.isFBLoggedin = true;
},
getUserInfo: function() {
return {
username: 'xmen',
role: 'admin',
logged: 'false'
};
},
updateStatus: function(userInfo){
$rootScope.isFBLoggedin = true;
console.log('Current login status', $rootScope.isFBLoggedin);
}
};
}])
</script>
</head>
<body ng-controller="fbLandingCtrl">
<button ng-click="login()">Log Me In</button>
</body>
</html>
-
问题内容： 我正在尝试通过常规函数访问全局变量，这可能吗？ 我已经使用$ rootScope设置了一些变量，并且我试图通过回调函数来访问它。从控制器调用此回调。我不想传递该回调。 有什么办法可以访问吗？ 我愿意使用服务。 请提出建议。 谢谢 我试图按以下方式访问rootScope： 我的服务是： 它在updateStatus fn下显示isFBLoggedin为true，但未反映在视图上 我正在打
-
问题内容： 如何在其他.go包/文件中的main.go中访问已声明/初始化的变量？不断告诉我变量未定义（我知道全局变量不好，但这只是用作时间戳记） 在main.go中 尝试访问其他.go文件中的StartTime，但保持未定义StartTime 问题答案： 我将改为“注入” starttime变量，否则在软件包之间会有循环依赖关系。 main.go otherpackage.go
-
问题内容： 首先，我检查了一下，但没有发现涉及我的问题的文章。 如何在angularJS内置指令中访问预定义的js全局变量？ 例如，我在 然后我写一个AngularJS指令： 这实际上是行不通的。 然后我得知我应该使用 所以我在其他地方写了代码： 而且这显然不能正常工作……这就像一个恶性循环。您需要访问预定义的js全局变量，然后需要使用ng-init；为了使用ng-init，您需要访问全局变量。
-
问题内容： 我有两个Angular控制器： 我无法使用内部，因为它是未定义的。但是，如果我尝试像这样传递它… 我得到一个错误。有谁知道如何做到这一点？ 在做 也失败。 注意： 这些控制器彼此之间不嵌套。 问题答案： 在多个控制器之间共享变量的一种方法是创建服务并将其注入到要使用它的任何控制器中。 简单服务示例： 在控制器中使用服务： 这个博客对此进行了很好的描述（特别是第2课）。 我发现，如果要跨
-
问题内容： 我有上面的控制器，它设置了一个我只能从内部访问值的控制器。 但我看到的地方，使用下面我将能够访问，但是当我在它不存在。 我无法弄清楚如何访问$ scope并使用变量更新它。 问题答案： 没有看到标记，我想MenuSideController的作用域是您选择的作用域的子作用域。 虽然可以像这样遍历树（假设我们想要的作用域是第一个孩子）： 仅选择连接了特定控制器的元素会更简单。 假设您正在
-
问题内容： 我想在Chrome的JavaScript控制台中访问我的变量。我怎么做？ 我既看不到控制台中的模块名称也看不到它的变量。 问题答案： 在开发人员工具的HTML面板中选择一个元素，然后在控制台中输入以下元素： 在WebKit和Firefox中，是对elements选项卡中所选DOM节点的引用，因此通过执行此操作，可以在控制台中打印出所选DOM节点范围。 您还可以按元素ID定位作用域，如下