Question

我有一个Angular应用程序，其中包含许多基于Angular内置$resource服务的服务。其中许多使用cacheFactory来创建自己的独立缓存。但是，当有人注销时，我想要将所有这些（包括命名的缓存和＃34;默认＆＃34; $http缓存）吹走。现在我用location.reload(true)来实现这一点，这肯定有效，但如果没有完全改变应用程序的结构，如果没有重新加载就可以实现它。

为了澄清，我知道如果我在范围内引用了单个缓存，我可以删除缓存的值，但我想要做的是全面删除所有缓存，而不必具有知道他们所谓的一切。

Answer 1

您可以注入$cacheFactory并从工厂构造函数中获取缓存对象（例如：$cacheFactory.get('$http')）并使用removeAll()清除所有缓存。如果要完全删除缓存对象，请使用destroy()。

为了获取所有cacheObject id，你可以使用$cacheFactory.info()，它将返回带有每个缓存对象{id:'cacheObjId', size:'cacheSize'}的摘要信息的对象。

实施例： -

angular.forEach($cacheFactory.info(), function(ob, key) {
   $cacheFactory.get(key).removeAll();
});

您可以将removeAll / destroyAll函数添加到cacheFactory，以便您可以通过装饰$cacheFactory在其他地方使用它，就像这样。

.config(['$provide',
    function($provide) {
      $provide.decorator('$cacheFactory', function($delegate) {
        $delegate.removeAll = function() {
          angular.forEach($delegate.info(), function(ob, key) {
            $delegate.get(key).removeAll();
          });
        }

        $delegate.destroyAll = function() {
          angular.forEach($delegate.info(), function(ob, key) {
            $delegate.get(key).destroy();
          });
        }
        return $delegate;
      });
    }
  ])

＆＃13;

angular.module('App', [])
  .config(['$provide',
    function($provide) {
      $provide.decorator('$cacheFactory', function($delegate) {
        $delegate.removeAll = function() {
          angular.forEach($delegate.info(), function(ob, key) {
            $delegate.get(key).removeAll();
          });
        }

        $delegate.destroyAll = function() {
          angular.forEach($delegate.info(), function(ob, key) {
            $delegate.get(key).destroy();
          });
        }
        return $delegate;
      });
    }
  ])
  .run(function($cacheFactory) {
    var value = 123;
    $cacheFactory('cache1').put('test', value);
    $cacheFactory('cache2').put('test', value);
    console.log($cacheFactory.info());
    $cacheFactory.removeAll();
    console.log($cacheFactory.info());
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="App">

</div>

＆＃13;

使Angular中的所有$ http缓存无效

1 个答案: