在 AngularJs 中，如何在缓存中添加/删除 $resource 项

Question

我有一个 $resource，我用它来获取一个或所有注册，创建新的或更新现有的注册，删除注册......作品。这是资源的代码：

    .factory('Registrations', function ($resource) {
        return $resource('api/registrations/:assetType/:registrationId',
            {assetType: '@assetType', registrationId: '@assetRegistrationId'},
            {query: {
                method: 'GET',
                cache: true,
                isArray: true
            }}
        );
    })

如您所见，缓存已到位，并且工作正常：后续请求不会传播到服务器。除了...在创建或删除注册后，缓存不会更新。

对于删除，我想出了这个解决方法。它看起来很糟糕，但它确实有效。不过有一些奇怪的事情需要注意：

        Registrations.delete({assetType: $scope.assetType, registrationId: registration.assetRegistrationId}, function () {

            //doesn't seem to work -> dirty hack
            //$cacheFactory.get('$http').remove('api/registrations/' + $scope.assetType + '/' + registration.registrationId);
            var cached = $cacheFactory.get('$http').get('api/registrations/' + $scope.assetType);
            var cachedRegistrations = JSON.parse(cached[1]);
            var registrationInCache = get(cachedRegistrations, registration.assetRegistrationId);
            if (registrationInCache) {
                cachedRegistrations.splice(cachedRegistrations.indexOf(registrationInCache), 1);
                cached[1] = JSON.stringify(cachedRegistrations);
            }

            $scope.registrations = Registrations.query({assetType: $scope.assetType});

            //...

令人惊讶的是，缓存并没有保存 javascript 对象的列表，而只是 1 个条目，其中包含一个表示所有项目的 json 的实际字符串。然后我正在做的是对该字符串进行 jsonifying，删除已删除的项目并再次对列表进行字符串化。

对于创作，我没有那么有创意，我只能删除缓存中的一个条目（代表完整的集合）并从服务器重新加载所有数据。这是我使缓存无效的方法。

$cacheFactory.get('$http').remove('api/registrations/' + $scope.assetType);

我可能遗漏了一些明显的东西。有人有任何建议或澄清吗？谢谢！

Answer 1

我相信这种缓存应该在服务器端完成，而不是在前端（AngularJS）。我不是 100% 确定 Angular 的 cache=true 是如何工作的，但我相信它只是缓存结果，所以额外的请求会得到缓存的结果。 Angular 无法判断服务器上的数据何时发生变化。