当使用AngularJS服务尝试在两个控制器之间传递数据时,我的第二个控制器在尝试从该服务访问数据时始终会收到未定义的信息。我猜这是因为第一个服务执行的是$ window.location.href,并且我认为这正在清除服务中的数据?我是否可以将URL更改为新位置,并将数据保留在第二个控制器的服务中?当我运行下面的代码时,第二个控制器中的警报始终未定义。
app.js(定义服务的位置)
var app = angular.module('SetTrackerApp', ['$strap.directives', 'ngCookies']); app.config(function ($routeProvider) { $routeProvider .when('/app', {templateUrl: 'partials/addset.html', controller:'SetController'}) .when('/profile', {templateUrl: 'partials/profile.html', controller:'ProfileController'}) .otherwise({templateUrl: '/partials/addset.html', controller:'SetController'}); }); app.factory('userService', function() { var userData = [ {yearSetCount: 0} ]; return { user:function() { return userData; }, setEmail: function(email) { userData.email = email; }, getEmail: function() { return userData.email; }, setSetCount: function(setCount) { userData.yearSetCount = setCount; }, getSetCount: function() { return userData.yearSetCount; } }; });
logincontroller.js :(控制器1在服务中设置值)
app.controller('LoginController', function ($scope, $http, $window, userService) { $scope.login = function() { $http({ method : 'POST', url : '/login', data : $scope.user }).success(function (data) { userService.setEmail("foobar"); $window.location.href = '/app' }).error(function(data) { $scope.login.error = true; $scope.error = data; }); } });
appcontroller.js(试图从服务读取值的第二个控制器)
app.controller('AppController', function($scope, $http, userService) { $scope.init = function() { alert("In init userId: " userService.getEmail()); } });
这样定义您的服务
app.service('userService', function() { this.userData = {yearSetCount: 0}; this.user = function() { return this.userData; }; this.setEmail = function(email) { this.userData.email = email; }; this.getEmail = function() { return this.userData.email; }; this.setSetCount = function(setCount) { this.userData.yearSetCount = setCount; }; this.getSetCount = function() { return this.userData.yearSetCount; }; });