Angularjs：在页面之间共享数据

我需要在两个不同页面（login.html和index.html）之间共享数据。予定义的服务如下：Angularjs：在页面之间共享数据

.service('loginData', function LoginData(){ 
     var userData = ''; 
     this.addUser = function(name){ 
      this.userData = name; 
      //return userData.user; 
     } 
     this.loggedUser = function(){ 
      return this.userData; 
     } 
})

为login.html的定义，所述控制器：

.controller('loginCtrl',['$scope', '$http', '$window', 'loginData', function($scope, $http, $window, loginData){ 

    $scope.btnsubmit = function(username,password){ 

     //scope.user = data_to_send; 
     var doc = []; 
     $http.post('http://127.0.0.1:3000/authenticate',{user: username, pwd: password}   ) 
      .success(function(response) 
      { 
       console.log('1 : ' + response); 
       if (response != null){ 
        console.log('2 : ' + angular.fromJson(response).user); 
        doc = angular.fromJson(response); 
        loginData.addUser(doc[0].user); 
        console.log(doc[0].user); 
        // if I call loginData.LoggedUser here -> it works 
       } 
      }).error(function() 
      { 
       console.log('error') 
      }); 

     $window.location.href = 'index.html'; 
    } 
}])

为index.html的

.controller('profileCtrl', function(loginData){ 

    console.log(loginData.loggedUser()); 

})

定义。如果我调用函数loginData控制器.log登录控制器内的用户，它运行良好。另一方面，从索引控制器调用相同的函数，则返回undefined。我该如何解决它？谢谢！

来源

2016-10-21 user3046138

您正在尝试在定义它之前进行记录。 IE的索引控制器在登录控制器完成填充之前记录用户数据。你唯一的原因是未定义的，而不是“'是因为userData最初被定义为一个var而不是作为其一部分（例如this.userdata =”“;） – Beartums

服务是单向的，所以首先，我建议你检查loginData实例。在第二步中，如果所有实例都正常，您可以检查运行顺序。最可能的情况是，第二个控制器在获取值之前正在进行初始化，以及您未定义默认值未分配的原因var userData = '';这是一个局部变量。

来源

2016-10-21 09:23:01 Mikki

Angularjs：在页面之间共享数据

回答

相关问题