Login.js：
app.controller('LoginFormController', ['$scope','$http','$rootScope', '$state', function($scope, $http, $rootScope, $state) {
$scope.user = {};
$scope.authError = null;
$scope.login = function() {
$scope.authError = null;
var emailId = $scope.user.email;
var password = $scope.user.password;
$http({
url: 'http://localhost:8090/login/login',
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
data: 'email='+emailId+'&password='+password
//data: {'email': $scope.user.email, 'password': $scope.user.password}
}).then(function(response) {
console.log(response.data);
if (response.data.status == 'SUCCESS') {
$scope.user = response.data.user.firstName;
$rootScope.test = response.data.user.firstName;
console.log("check: ",$rootScope.test)
$state.go('app.dashboard');
} else {
//alert('invalid login');
$scope.authError = 'Email or Password not right';
}
}, function(x) {
$scope.authError = 'Server Error';
})
};
}])
我在 $rootScope.test 下保存了该值
这是我的应用程序.js：
'use strict';
angular.module('app').controller('AppCtrl', ['$scope','$rootScope',
function($scope, $rootScope) {
$scope.user5 = $rootScope.test;
}
]);
尝试打印根范围
如果我运行此代码，我将面临控制台中未定义$rootScope的错误。如何解决此问题
$rootScope是所有$scope的父级，每个$scope都会收到$rootScope数据的副本，您可以使用$scope本身访问该副本。
这是一个修改后的版本 https://jsfiddle.net/sedhal/g08uecv5/17/
angular.module('myApp', [])
.run(function($rootScope) {
$rootScope.obj = {
"name":"user1",
"bdate":"18/11/1994",
"city":"Ahmedabad"
};
})
.controller('myCtrl', function($scope, $rootScope) {
$scope.data = $rootScope.obj;
})
.controller('myCtrl2', function($scope, $rootScope) {
$scope.data1 = $rootScope.obj;
});
这里有一个有用的答案：https://stackoverflow.com/a/18881189/9013688
您可以发出一个事件，而不是直接在$rootScope上传递您的属性，该事件可以在应用的其他部分中侦听，如下所示：
if (response.data.status == 'SUCCESS') {
$rootScope.$emit('user-logged', response.data.user.firstName)
}
然后：
$rootScope.$on('user-logged', function(event, data){
do something with your data
})
或者，您可以使用一种服务，这是处理所有应用程序中数据的好方法。
请确保您接受georgeawg的建议，在我看来，他的建议似乎是实现此功能的最佳方式。
我想建议你的例子可能有问题。
如果您可以看到在主App.main.js中您已经给出了声明
angular.module('app').controller(...
但是您正在像这样使用变量applogin.js。
app.controller(...
我假设你在其他地方创造。因此，设置rootscope值丢失，因为同一应用有两个实例。
问题的解决方案是声明一个变量app该变量将存储应用程序的实例。因此，您的解决方案的修复方法是将App.main.js修改为这样。
var app = angular.module('app');
app.controller(...
此外，您还需要删除完整代码中的任何其他任意var app =，因为这些将创建同一应用程序的多个实例。
我希望我的解释是可以理解的，并且猜测正确，请尝试此解决方案！
在你的主js中添加这个。
app.run(['$rootScope', function($rootScope) {
$rootScope.test;
}]);
这是 George 建议的示例实现，这是处理此问题的正确方法。
app.controller('LoginFormController', ['$scope','$http','$rootScope', '$state', 'stateService', function($scope, $http, $rootScope, $state, stateService) {
var userFirstName = 'John';
stateService.setFirstName('Bill');
userFirstName = stateService.getFirstName();
console.log(userFirstName); // result will be 'Bill'
}])
而我通常称之为状态的服务服务
app.factory('stateService', [factory]);
function factory() {
var userFirstName = null;
stateService.getFirstName = function() {
return userFirstName;
};
stateService.setFirstName = function(firstName) {
userFirstName = firstName;
};
return stateService;
}