javascript - 刷新 Angular JS Factory，无需重新加载页面

Question

我正在通过 angularjs 中的工厂访问存储在本地存储中的数据。在页面加载时，工厂从本地存储加载和访问数据并将它们存储在变量中。我可以调用该工厂并获取变量中的值。

但是，每当我在更改本地存储值后调用工厂时，工厂都会返回旧值而不是新值。有没有办法刷新工厂，以便它再次获取本地存储值而不刷新整个页面？

Javascript代码..

headerApp.factory('userFactory', ['$rootScope', function($rootScope){
    var dataFactory = {};
    dataFactory.user = localStorage.getItem("valueA");
    dataFactory.userName = localStorage.getItem("valueB");
    dataFactory.userAccessToken = localStorage.getItem("valueC");
    return dataFactory;
}]);

在调用 userFactory.user 时，函数更改 localstorage 值后的 userFactory.userName 返回旧值而不是新值。请帮忙

Answer 1

如何将您从本地存储提取信息的代码移动到工厂中的函数中，然后每当您更新任何本地存储时，都调用该函数来更新 dataFactory也是吗？

headerApp.factory('userFactory', ['$rootScope', function($rootScope){
  var dataFactory = {};

  this.updateUser();
  this.updateUserName();
  this.updateAccessToken();

  updateUser () {
    dataFactory.user = localStorage.getItem("valueA");
  }

  updateUserName () {
    dataFactory.userName = localStorage.getItem("valueB");
  }

  updateUserAccessToken () {
    dataFactory.userAccessToken = localStorage.getItem("valueC");
  }

  return dataFactory;
}]);

然后，在任何时候，假设本地存储端的用户名发生更改，您都可以调用 this.userFactory.updateUserName(); 来更新 dataFactory.userName.