Угловой: передать переменную из вида в другую

Question

В моем приложении пользователь устанавливает свой пол в первом представлении, и я храню его в localStorage.

$scope.setGender = function(gender){ 
    $scope.data.gender = gender; 
    localStorage.setItem('paramGender', $scope.data.gender); 
} 

Затем пользователь переходит на второй взгляд и прочитать его пол в коде, прочитав LocalStorage:

$scope.data.gender = localStorage.getItem("paramGender")); 

Но если пользователь возвращается к первому мнению, изменить его/ее пол и восходит ко второму виду, $scope.data.gender не обновляется во втором контроллере.

Как я могу достичь этого без перезагрузки всего второго вида (мне нужно сохранить кеш, потому что это второе представление тяжелое)?

Благодаря

Answer 1

Я бы просто использовать событие в этом случае и обслуживание.

app.factory('GenderService', [function() { 
    var self = this; 
    self.gender = null; 

     return { 
     setGender: function(gender) { 
      self.gender = gender; 
     }, 
     getGender: function(){ 
      return self.gender; 
     } 
    } 
}]); 

$scope.setGender = function(gender){ 
    $scope.data.gender = gender; 
    GenderService.setGender(gender); 
    $rootScope.$broadcast('genderUpdated', gender); 
} 

затем в вашем другом контроллере:

$scope.data.gender = GenderService.getGender(); 
    $scope.$on('genderUpdated', function(event, data){ 
     $scope.data.gender = data; 
    }) 

С уважением,