javascript - 在一个 Controller 中更新服务变量，并在另一个 Controller 中使用更新后的值-Angular JS

我在NameService中定义了一个名为controller.js的服务。我想在两个不同的 Controller 中使用NameService中存在的变量。

我的服务如下

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

我有一个名为netController的 Controller ，正在其中更新Name中存在的Nameservice变量的值。我想在page1Controller中使用更新后的值。
NetController如下:

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

如果我在console.log(NameService.netName);中执行netController，则正在打印更新的值。
page1Controller如下

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

当在我的console.log(NameService.name);中执行page1Controller时，它会给出空字符串。

有人可以帮我解决这个问题吗？

最佳答案

用工厂代替服务

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

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