Cách làm mới / vô hiệu hóa bộ nhớ cache của $ resource trong AngularJS

Tôi có một tài nguyên Người dùng $ đơn giản sử dụng triển khai bộ đệm $ http mặc định như sau:

factory('User', function($resource){
    return $resource(endpoint + '/user/current/:projectId', {},
        {get: 
            {
                cache: true,
                method: 'GET'
            }
        }
    );
})

Điều này hoạt động rất tốt, tức là máy chủ của tôi chỉ được gọi một lần trong ứng dụng của tôi, sau đó giá trị được tìm nạp từ bộ nhớ cache.

Nhưng tôi cần làm mới giá trị từ máy chủ sau một thao tác nhất định. Có một cách dễ dàng để làm điều đó?

Cảm ơn.

Giữ boolean và lấy $httpbộ nhớ cache:

var $httpDefaultCache = $cacheFactory.get('$http');

Sau đó, bạn có thể kiểm soát nó giống như bất kỳ bộ đệm nào khác được tạo bằng $cacheFactory, một phiên bản sử dụng được cung cấp bên dưới:

$httpDefaultCache.remove(key);
// Where key is the relative URL of your resource (eg: /api/user/current/51a9020d91799f1e9b8db12f)

Thay vì sử dụng một đối số boolean trong thuộc cachetính của mỗi thuộc tính, actionbạn có thể truyền vào một cá thể bộ đệm được tạo bằng $ cacheFactory mà bạn có thể kiểm soát nhiều hơn (tức là xóa bộ nhớ cache).

Ví dụ sử dụng:

app.factory('Todos', function($resource, $cacheFactory) {
    var cache = $cacheFactory('todo');
    return $resource(apiBaseUrl + '/todos/:id', { id: '@id' }, {
        'get': { method: 'GET', cache: cache  },
        'query': { method: 'GET', cache: cache, isArray: true }
    });
});

Tôi đã xem qua chuỗi này đang tìm kiếm thứ gì đó tương tự, nhưng nhận thấy rằng $ resource sẽ tự động quản lý bộ nhớ cache cho bạn, vì vậy không cần phải buộc xóa bộ nhớ cache.

Ý tưởng là nếu bạn có một tài nguyên mà bạn có thể truy vấn, thì phản hồi truy vấn đó sẽ được lưu vào bộ nhớ cache, nhưng nếu bạn lưu thứ gì đó cho cùng một tài nguyên đó, thì dữ liệu đã lưu trong bộ nhớ cache trước đó phải không hợp lệ, vì vậy nó sẽ bị xóa cho bạn. Nó có ý nghĩa rằng nó sẽ hoạt động theo cách này.

Đây là một số mã tôi sử dụng để thực hiện việc này (bạn có thể bỏ qua phần tạo nhà máy có thể trông kỳ quặc và chú ý đến phần thân "lớp").

'use strict';

sampleApp.players.$ng.factory('sampleApp.players.PlayerService', [
    '$log',
    '$resource',
    sampleApp.players.PlayerService = function ($log, $resource) {
        var service = {};

        $log.info('Creating player resource.');
        var Player = $resource('/api/players', {}, {query: {
            isArray: true,
            cache: true,
            method: 'GET'
        }});

        service.addPlayer = function(playerName) {
            $log.info('Saving a new player.');
            return new Player({name: playerName}).$save();
        };

        service.listPlayers = function () {
            $log.info('Fetching players.');
            return Player.query();
        };

        return service;
    }]);

Nếu bạn gọi hàm listPlayers nhiều lần, cuộc gọi đầu tiên sẽ tạo ra một yêu cầu nhận http và tất cả các cuộc gọi tiếp theo sẽ được lưu vào bộ nhớ đệm. Tuy nhiên, nếu bạn gọi addPlayer, một bài đăng http sẽ được thực hiện như mong đợi, và sau đó lần gọi tiếp theo đến listPlayers sẽ thực hiện một http get (không được lưu trong bộ nhớ đệm).

Điều này giúp bạn không phải quản lý bộ nhớ cache ($ http) của người khác và cố gắng theo dõi url nào đang được sử dụng cho các yêu cầu và đang xóa bộ nhớ cache vào đúng thời điểm.

Tôi cho rằng đạo lý của câu chuyện ở đây là làm việc với thư viện và tất cả sẽ ổn ... ngoại trừ bất kỳ lỗi nào hoặc các tính năng chưa hoàn thiện, nhưng Angular không có bất kỳ điều nào trong số đó;)

ps Đây là tất cả chạy trên AngularJS 1.2.0.