次のように UserService を作成しました。
angular.module('nrApp').factory('userService', ['Restangular', 'UserModel', 'DSCacheFactory', function (Restangular, UserModel, DSCacheFactory) {
// Create a new cache called "profileCache"
var userCache = DSCacheFactory('userCache', {
maxAge: 3600000,
deleteOnExpire: 'aggressive',
storageMode: 'localStorage', // This cache will sync itself with `localStorage`.
onExpire: function (key, value) {
Restangular.oneUrl('users', key).get().then(function(data) {
userCache.put(key, data);
});
}
});
Restangular.extendModel('users', function(obj) {
return UserModel.mixInto(obj);
});
Restangular.addRequestInterceptor(function(element, operation, what, url) {
if(operation === 'get') {
debugger;
//Check the cache to see if the resource is already cached
var data = userCache.get(url);
//If cache object does exist, return it
if(data !== undefined) {
angular.extend(element, data);
}
return element;
}
});
Restangular.addResponseInterceptor(function(data, operation, what, url, response) {
//Cache the response from a get method
if(operation === 'get') {
debugger;
userCache.put(url, data);
}
//Unvalidate the cache when a 'put', 'post' and 'delete' is performed to update the cached version.
if (operation === 'put' || operation === 'post' || operation === 'delete') {
userCache.destroy();
}
return response;
});
return Restangular.service('users');
}]);
コメントから、私が達成しようとしているのは、Restangular を使用してこのサービスを介して Get リクエストが実行されるたびに、ローカル キャッシュがチェックされ、キャッシュがオブジェクトを返す場合は、Restangular 要素に拡張されることであることがわかります。達成したいフローは、そのリクエストに対してキャッシュ オブジェクトが見つかったときに、サーバーへのリクエストをキャンセルすることです。
ただし、オブジェクトがキャッシュ内で見つかった場合でも、運が悪ければ addResponseInterceptor メソッドは引き続き実行されます。
「Get」リクエスト中にサーバーへのリクエストをキャンセルする解決策はありますか?
ありがとう!:)