วิธีรีเฟรช / ยกเลิกการแคชทรัพยากร $ ใน AngularJS

ฉันมีทรัพยากร User $ ง่ายๆที่ใช้การใช้งานแคช $ http เริ่มต้นดังนี้:

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

สิ่งนี้ใช้ได้ดีมากเช่นเซิร์ฟเวอร์ของฉันถูกเรียกเพียงครั้งเดียวในแอปพลิเคชันของฉันจากนั้นค่าจะดึงมาจากแคช

แต่ฉันต้องการรีเฟรชค่าจากเซิร์ฟเวอร์หลังจากการดำเนินการบางอย่าง มีวิธีง่ายๆในการทำเช่นนั้นหรือไม่?

ขอบคุณ.

เก็บบูลีนและรับ$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 และการโทรที่ตามมาทั้งหมดจะถูกแคช หากคุณเรียก addPlayer โพสต์ http จะดำเนินการตามที่คาดไว้จากนั้นการโทรไปยัง listPlayers ครั้งถัดไปจะดำเนินการรับ http (ไม่แคช)

สิ่งนี้ช่วยให้คุณไม่ต้องทำงานในการจัดการแคช ($ http) ของผู้อื่นและพยายามติดตามว่า URL ใดถูกใช้สำหรับคำขอและกำลังล้างแคชในเวลาที่เหมาะสม

ฉันคิดว่าคุณธรรมของเรื่องนี้คือการทำงานกับห้องสมุดและทุกอย่างจะดี ... ยกเว้นข้อบกพร่องหรือคุณสมบัติที่ไม่สมบูรณ์ แต่ Angular ไม่มีสิ่งเหล่านี้)

ps ทั้งหมดนี้ทำงานบน AngularJS 1.2.0