Aggiornamento di una variabile di servizio in un controller e utilizzo del valore aggiornato in un altro controller - Angular JS

Question

Ho definito un servizio chiamato NameService nel mio controller.js. Voglio utilizzare la variabile presente nello NameService in due controller diversi.

Il mio servizio è la seguente

App.service('NameService', function(){ 
    this.Name = ""; 
    this.getName = function(){ 
    return this.Name; 
    }; 
    this.setName = function(name){ 
    this.Name = name; 
    } 
}); 

Ho un regolatore di nome netController in cui sto aggiornando il valore della Name variabile presente nel mio Nameservice. Voglio utilizzare il valore aggiornato nel mio page1Controller.

NetController è la seguente:

App.controller('netController', ['$scope','$http','$window','NameService', function($scope,$http,$window,NameService) 
    { 
     $scope.initNet = function() 
     { 
      $http.post('/initNet',$scope.network).success(function(response) 
      { 
       if(response.status == "true") 
       { 
        $scope.$watch('NameService.setName()', function(){ 
         NameService.Name = $scope.network.name; 
        }); 
        NameService.setName($scope.network.name); 
        $window.location.href = '/page1'; 
       } 
       else 
       { 
        $scope.error = "Error!"; 
       } 
      }); 
     } 
    }]); 

Se faccio console.log(NameService.netName); nel mio netController la fase di stampa il valore aggiornato.

page1Controller è la seguente

App.controller('page1Controller', ['$scope', '$http','NameService', function($scope, $http,NameService) 
    { 
      console.log(NameService.Name); 
    }]); 

Quando è fare console.log(NameService.name); nel mio page1Controller sta dando stringa vuota.

Qualcuno può aiutarmi a risolvere questo problema?

Answer 1

uso della fabbrica, invece di servizio

gisApp.factory('NameService', function() { 
    var _name = ""; 
    return { 

     getName: function() { 
      return _name; 
     }, 
     setName: function (name) { 
      _name = name; 
     } 
    } 
}); 

Answer 2

perché quando si chiama per stampare quella variabile, non è ancora definito. $ http ritorno promessa e ha bisogno di alcuni tempo intervallo.Hai provato a impostare l'intervallo all'interno di page1Controller? come

App.controller('page1Controller', ['$scope', '$http','NameService', '$timeout' function($scope, $http,NameService, $timeout) 
{ 
    $timeout(function(){ 
     console.log(NameService.name) 
    },2000); 
... 

cura

Poi provare qualcosa di simile

gisApp.service('NameService', function(){ 
    return { 
    Name: '', 
    getName: function(){ 
    return this.Name; 
    }, 
    setName: function(name){ 
    this.Name = name; 
    } 
}); 

perché la sintassi da utilizzare, è necessario creare un'istanza di tale servizio utilizzando "nuova" da usare è come una classe.