AngularJSは約束を複数回呼びます。

Question

私は私の国のリストに戻らなければならないサービスを持っています。しかし、私は国の値を変数にキャッシュして、複数のajax呼び出しを防ぐ必要があります。 私は約束オブジェクトを作成しましたが、私のHTMLはこのサービスを複数回呼び出す必要があります。私がサービスを呼び出すと、それはキャッシュから戻ってくる最初の時間からajaxから戻ってくることがあります。時にはそのキャッシュの3回後にajaxからretrunsすることもあります。これをどうすれば処理できますか？

var vm = this; 
vm.countries; 

vm.getCountries = function() { 
    var q = $q.defer(); 
     if (vm.countries === undefined) { 
      return $http({ 
       method: 'POST', 
       cache: true, 
       url: API + '/api/Global/Countries', 
      }).then(function successCallback(response) { 
       if (errorHandler(response.data)) { 
        vm.countries = response.data; 
        q.resolve(response.data) 
        console.log("ajax") 
        return q.promise; 
       } 
      }); 
     } else { 
      console.log("cache") 
      q.resolve(vm.countries) 
      return q.promise; 
     } 
} 

Answer 1

があなたの代わりにデータの約束をキャッシュすることができます

は、ここに私のサービスです。 また、ここでのエラーの場合に何が起こるかを検討することもできます。キャッシュされた約束をクリアする必要があります。あなたがテンプレートに値を結合するためにそれを使用している場合は、すべての状況

vm.getCountries = function() { 
    var q = $q.defer(); 
     if (vm.countries === undefined) { 
      return $http({ 
       method: 'POST', 
       cache: true, 
       url: API + '/api/Global/Countries', 
      }).then(function successCallback(response) { 
       if (errorHandler(response.data)) { 
        vm.countries = response.data; 
        q.resolve(response.data) 
        console.log("ajax") 

       } 
      }); 
     } else { 
      console.log("cache") 
      q.resolve(vm.countries) 
     } 

     return q.promise; 
} 

Answer 2

戻りq.promise。私は、$resourceを使っても達成できると思います。

angular.module('myApp').factory('Country', function($resource) { 
    return $resource(API + '/api/Global/Countries'); 
}); 

//in controller 
var countries= Country.query(function() { 
    console.log(countries); 
}); 

引用$リソース

https://www.sitepoint.com/creating-crud-app-minutes-angulars-resource/

Answer 3

で

var vm = this; 

function getCountries() { 
    if (!vm.countryPromise) { 
     vm.countryPromise = $http({ 
      method: 'POST', 
      cache: true, 
      url: API + '/api/Global/Countries', 
     }).then(function successCallback(response) { 
      if (errorHandler(response.data)) { 
       console.log("ajax") 
       return response.data; 
      } 
     }); 
    } else { 
     console.log("cache") 
    } 
    return vm.countryPromise; 
}