1

我的应用程序有问题。我有一个工厂，它调用prepareStorage将我的所有静态变量保存restApi到浏览器存储（使用ngStorage）。看起来像这样：

angular.module('panelApp')
       .factory('prepareStorage', ['$localStorage', '$sessionStorage', 'apiService',

  function($localStorage, $sessionStorage, apiService) {
    var promise = {};
    var load = function() {
    apiService.call('head', 'staticTypes.json', [], function(response, status, head) {

    if(angular.isUndefined($localStorage.staticTypes) || $localStorage.staticTypes.updatedAt < new Date(head()['last-modified'])){
       delete $localStorage.staticTypes;
       promise = apiService.call('get', 'statictypes.json', [], function (response) {
          $localStorage.staticTypes = response;
       }, function (errorObj) {
          console.log(errorObj.error.message);
       });
     }
  });


  return promise;

  return {
           load: load()
         };
}]);

然后我宣布了第二个工厂constantsService，它给了我存储变量：

angular.module('panelApp')
    .factory('constantsService', ['$localStorage', '$q', 'prepareStorage', '$timeout',

  function($localStorage, $q, prepareStorage, $timeout) {
    var output = {};
    var deferred = $q.defer();

    $timeout(function() {
      deferred.resolve(prepareStorage.load, function() {
          output = {
              status: $localStorage.staticTypes.status
          };
      });
    }, 1000);

     return output;

}]);

在这种情况下，我的麻烦来了。

如果不重新刷新，我无法在控制器中获取此存储变量。这意味着，在第一次刷新站点后，控制器找不到$localStorage.staticTypes.status对象，只有在我第二次刷新时才会找到。

我正在寻找一种避免$timeout使用服务的干净解决方案。

提前致谢。

4

1 回答 1

0

您是否尝试过使用这种不同的模式？

准备存储

angular.module('panelApp')
       .factory('prepareStorage', prepareStorage);

prepareStorage.$inject = [ '$localStorage', '$sessionStorage', 'apiService' ];

  function prepareStorage ($localStorage, $sessionStorage, apiService) {

    var vm = this;

    vm.load = function() {
       return new Promise( function(resolve, reject){
          apiService.call('head', 'staticTypes.json', [], function(response, status, head) {
           if(angular.isUndefined($localStorage.staticTypes) || $localStorage.staticTypes.updatedAt < new Date(head()['last-modified'])){
            delete $localStorage.staticTypes;
            apiService.call('get', 'statictypes.json').then( function (response, error) {
              if(response){
                $localStorage.staticTypes = response;
                return resolve(response);
              }
              return reject(error);
            });
           }
          });
       });
    }

  return {
           load: load
         };
});

和常量服务

angular.module('panelApp')
    .factory('constantsService', constantsService);

    constantsService.$inject = [ '$localStorage', '$q', 'prepareStorage', '$timeout' ];

  function constantsService($localStorage, $q, prepareStorage, $timeout) {

  var vm = this;

  vm.getStorage = function(){
     prepareStorage.load().then( function( response){
      return response;
    });
  }


     return : {
                getStorage : getStorage
     }

}]);

我会将apiService重构为Promise像

. . .

//E.g. Method = get, document = statictypes.json
vm.call = function(method, document){
   return new Promise( function (resolve, reject){
      ... do something
      if(everyThingIsOk){
        return resolve(response);
      }

      return reject(error);
   });
}

我不能保证这是 100% 正确的，但如果您了解如何使用它，它应该可以工作。在做某事之前，您只需等待承诺返回。我认为你应该apiService像我一样构建你的结构，这样你也可以.then()在它们上使用。

希望能帮助到你。

于 2016-11-09T12:20:26.957 回答