AngularJSで$リソースキャッシュを更新/無効化する方法

私は次のようにデフォルトの$ httpキャッシュ実装を使用する単純なUser $ resourceを持っています。

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

これは非常にうまく機能します。つまり、私のサーバーはアプリケーションで1回だけ呼び出され、次に値がキャッシュからフェッチされます。

しかし、特定の操作の後でサーバーから値を更新する必要があります。それを行う簡単な方法はありますか？

ありがとう。

ブール値を保持し、$httpキャッシュを取得します。

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

次に$cacheFactory、で作成された別のキャッシュと同様に制御できます。

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

cacheそれぞれのプロパティでブール引数を使用する代わりにaction、$ cacheFactoryで作成されたキャッシュインスタンスを渡すことができます。これにより、より詳細に制御できます（つまり、キャッシュをクリアできます）。

使用例：

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

似たようなものを探しているこのスレッドに出くわしましたが、$ resourceが自動的にキャッシュを管理するので、キャッシュを強制的にクリアする必要はありません。

クエリできるリソースがある場合、そのクエリ応答はキャッシュされますが、同じリソースに対して何かを保存する場合、以前にキャッシュされたデータは無効である必要があるため、データは消去されます。このように機能することは理にかなっています。

これを実行するために使用するコードをいくつか示します（奇妙に見える可能性のあるファクトリ作成部分を無視して、「クラス」本体に注意を払うことができます）。

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

listPlayers関数を数回呼び出すと、最初の呼び出しでhttp get要求が行われ、後続のすべての呼び出しがキャッシュされます。ただし、addPlayerを呼び出すと、期待どおりにhttp投稿が実行され、次にlistPlayersを呼び出すとhttp get（キャッシュされない）が実行されます。

これにより、他の誰かの（$ http）キャッシュを管理し、どのURLが要求に使用され、どのURLが適切なタイミングでキャッシュをクリアしているのかを把握する必要がなくなります。

ここでの話の教訓はライブラリを操作することだと思いますが、バグや不完全な機能を除いてすべてがうまくいくでしょう...しかしAngularにはそれらがありません;）

psこれはすべてAngularJS 1.2.0で実行されています。