$http 结果未从缓存中检索？

Question

嘿，在第一个 $http 请求中，我将结果保存在缓存中，我在控制器中使用了两个函数，在服务中调用相同的函数，其中在 $Http 的第一个函数中调用 $Http 它将结果保存在缓存中，但对于第二个函数，当我试图测试它是否缓存为空它不应该为空，因为我已经将结果保存在我的缓存中，但它给了我未定义的错误谁能告诉我我的代码出了什么问题这是控制器    vm.getTopHotels =  function(){     var hotelsLimit =  10;     var top_hotels =      dataService.getHotels()       .then(          function(hotels){             console.log(hotels);             sortHotels = commonMethods.sortHotels(hotels.data.data,'Rating','SORT_DESC');              hotelDetailsCheck = checkDetailsIfExists(sortHotels);             //Get only top 10 hotels for home page             top_hotels =  hotelDetailsCheck.slice(0,10);             vm.topHotels =  top_hotels;          },          function(err){             console.log(err);          });    };  vm.getTopHotels();   vm.getRHotels = function(){    dataService.getHotels()    .then(function(hotels){         console.log('hotels recieced 2 ');    },    function(err){       console.log(err);    }); } vm.getRHotels();**dataService 是 Facotry，它为 vm.getTopHotels 调用 $http 方法 ** 我将结果保存在缓存中，因此在调用 $Http 时 getRHotels 我正在检查如果缓存不为空，它应该检索数据如果不是，则从缓存中调用 $Http 请求，但对于此函数，它也调用 $http 为什么？因为我已经将结果保存在缓存中 谁能告诉我出了什么问题？这是调用 $http 方法并保存在缓存中的 dataService 代码(function(){      angular       .module('app')       .factory('dataService',DataFactory);       DataFactory.$inject = ['$http','$q','$cacheFactory']       function DataFactory($http,$q,$cacheFactory){          var cache = $cacheFactory('localCache');          var service = {              getHotels:getHotels          };           return service;         function getHotels(){          var def = $q.defer();          var hotelsData = cache.get('hotelsData');          console.log(hotelsData);       

Answer 1

该getHotels函数具有竞争条件：在数据从服务器返回之前对该函数的第二次调用将允许第二次 HTTP GET 请求。

由于 $http 服务会立即返回一个承诺，因此最好缓存该承诺。

 var hotelsPromise = null;

 function getHotels(){

     if (hotelsPromise) return hotelsPromise;

     //ELSE

     hotelsPromise = $http.get('/hotels/getHotelsData')

       .then(function successCallback(response){

         return response.data;

     },

         function errorCallback(response){

             throw 'Failed to retrieve hotels';

     });

     return hotelsPromise;

 }

这将避免错误的多个 HTTP GET 请求。