AngularJS 모든 경로에 대한 일부 공장 약속을 해결하십시오.

Question

내 응용 프로그램에 문제가 있습니다. 나는 prepareStorage을 호출하여 모든 정적 바를 restApi에서 브라우저 저장소 (ngStorage 사용)로 저장하는 공장을 가지고 있습니다. 다음과 같이 보인다 :이 경우 내 문제가되어 지금

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; 

}]); 

을 그리고 :

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을 선언했다.

안녕하세요 다시 새로 고침없이 컨트롤러 내에서이 저장소 바이스를 가져올 수 없습니다. 즉, 첫 번째 사이트 새로 고침 후 컨트롤러는 $localStorage.staticTypes.status 개체를 찾지 못합니다. 두 번째 새로 고침 만 수행하면됩니다.

$timeout 서비스 사용을 피하는 깨끗한 해결책을 찾고 있습니다.

미리 감사드립니다.

Answer 1

다른 패턴을 사용해 보셨습니까?

prepareStorage

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 
     }; 
}); 

그리고 constantsService

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()도 사용할 수 있습니다.

희망이 도움이됩니다.