Aktualisieren einer Service-Variable in einem Controller und Verwenden des aktualisierten Werts in einem anderen Controller - Angular JS

Question

Ich habe einen Service namens in meinem controller.js definiert. Ich möchte die Variable, die in der vorhanden ist, in zwei verschiedenen Controllern verwenden.

Mein Service ist wie folgt

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

Ich habe einen Controller netController, in dem Namen ich in meinem Nameservice den Wert der Name Variable vorhanden bin zu aktualisieren. Ich möchte den aktualisierten Wert in meinem page1Controller verwenden.

NetController ist wie folgt:

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!"; 
       } 
      }); 
     } 
    }]); 

Wenn ich console.log(NameService.netName); tun in meinem netController es druckt den aktualisierten Wert.

page1Controller ist als

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

folgt Wann console.log(NameService.name); in meinem ist page1Controller es gibt leere Zeichenfolge.

Kann mir bitte jemand helfen, dies zu beheben?

Answer 1

Verwendung Fabrik statt Service

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

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

Answer 2

, denn wenn man diese Variable drucken nennen, es ist noch nicht definiert. $ http Rückgabe Versprechen und es braucht einige Zeit Intervall.Haben Sie versucht, Intervall innerhalb page1Controller? wie

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

Edited

Dann etwas versuchen, wie dieser

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

, weil die Syntax, die Sie verwenden, müssen Sie eine Instanz dieses Service erstellen "neue" mit verwenden es als eine Klasse.