Cómo actualizar / invalidar $ resource cache en AngularJS

Tengo un recurso User $ simple que usa la implementación de caché $ http predeterminada así:

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

Esto funciona muy bien, es decir, mi servidor solo se llama una vez en mi aplicación, luego el valor se obtiene del caché.

Pero necesito actualizar el valor del servidor después de una determinada operación. ¿Existe una forma sencilla de hacerlo?

Gracias.

Mantenga el booleano y obtenga el $httpcaché:

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

Luego, puede controlarlo como cualquier otro caché creado con $cacheFactoryuna instancia de uso que se proporciona a continuación:

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

En lugar de utilizar un argumento booleano en la cachepropiedad de cada actionuno, puede pasar una instancia de caché creada con $ cacheFactory sobre la que puede tener más control (es decir, borrar la caché).

Uso de ejemplo:

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

Encontré este hilo en busca de algo similar, pero descubrí que $ resource administrará el caché automáticamente, por lo que no es necesario forzar el borrado del caché.

La idea es que si tiene un recurso que puede consultar, esa respuesta de consulta se almacenará en caché, pero si guarda algo para ese mismo recurso, los datos almacenados en caché previamente deben ser inválidos, por lo que se borrará para usted. Tiene sentido que funcione de esta manera.

Aquí hay un código que utilizo para hacer esto (puede ignorar la parte de creación de fábrica posiblemente de aspecto extraño y prestar atención al cuerpo de la "clase").

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

Si llama a la función listPlayers varias veces, la primera llamada realiza una solicitud http get y todas las llamadas posteriores se almacenan en caché. Sin embargo, si llama a addPlayer, se realiza una publicación http como se esperaba, y luego la siguiente llamada a listPlayers realizará una obtención http (no almacenada en caché).

Esto lo mantiene fuera del negocio de administrar el caché de otra persona ($ http) y tratar de mantenerse al día con las URL que se utilizan para las solicitudes y las que se borran de los cachés en el momento adecuado.

Supongo que la moraleja de la historia aquí es trabajar con la biblioteca y todo estará bien ... excepto por errores o características incompletas, pero Angular no tiene ninguno de esos;)

ps Todo esto se ejecuta en AngularJS 1.2.0.