注销Angular.js时删除模板缓存

Question

一旦用户点击注销,如何删除Angular模板缓存？我们进行了彻底的研究,并尝试实施大部分可用的解决方案.我们试过以下

HTML元标记

<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

服务器端

res.setHeader('cache-control', 'no-cache', 'no-store', 'must-revalidate');

使用Javascript

我们尝试删除此博客上指定的浏览器历史记录

我们现在面临的问题是,当用户从我们的应用程序退出并按下后退按钮时,他显示空的html模板,因为服务未缓存,我们如何确保模板不缓存？

Answer 1

$templateCache只是一个$cacheFactory特定名称的包装.这实际上是它的所有代码:

function $TemplateCacheProvider() {
  this.$get = ['$cacheFactory', function($cacheFactory) {
    return $cacheFactory('templates');
  }];
}

$cacheFactory有一个removeAll()方法.试试这个,如果你想自己连接它(例如在你注入的服务中$cacheFactory):

$cacheFactory('templates').removeAll();

但另外,如果您的应用程序对安全性敏感,可能要完全禁用缓存.您可以在整个浏览器上执行reload()调用以转储所有本地JS变量,然后上面的实际HTTP驱动资产上的no-cache pragma将执行您想要的操作.