あるコントローラーでサービス変数を更新し、別のコントローラーで更新された値を使用する - 角度付きJS

Question

controller.jsにNameServiceというサービスを定義しました。私は2つの異なるコントローラのNameServiceにある変数を使用したいと思います。

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

を次のように

私のサービスは、私は私が私のNameserviceでName変数現在の値を更新していたにnetControllerという名前のコントローラを持っています。私はpage1Controllerに更新された値を使用したいと思います。

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

を私は私のnetControllerそれが印刷されて更新された値でconsole.log(NameService.netName);を行う場合は、次のよう

NetControllerです。私page1Controllerそれは空の文字列を与えているにconsole.log(NameService.name);を行うれ

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

を次のように

page1Controllerです。

誰かがこれを修正するのに手伝ってもらえますか？

Answer 1

使用工場の代わりに、サービス

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

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

Answer 2

あなたがその変数を印刷するために呼び出すとき、それはまだ定義されていないので。 $ httpお返事約束しておりますので、時間の間隔が必要です。間隔を内側に設定しようとしましたページ1コントローラ？使用する構文は、使用する「新しい」を使用して、そのサービスのインスタンスを作成する必要があるため、この

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

ような何かをしようと次に

を編集したような

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

それはクラスとして。