一旦用户点击注销,如何删除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模板,因为服务未缓存,我们如何确保模板不会缓存?
$templateCache只是带有特定名称的$cacheFactory的包装器.这实际上是它的所有代码:
function $TemplateCacheProvider() { this.$get = ['$cacheFactory',function($cacheFactory) { return $cacheFactory('templates'); }]; }
$cacheFactory有一个removeAll()方法.试试这个,如果你想自己连接它(例如在你注入$cacheFactory的服务中):
$cacheFactory('templates').removeAll();
但另外,如果您的应用程序对安全性敏感,也许您希望完全禁用缓存.您可以在整个浏览器上执行reload()调用以转储所有本地JS变量,然后上面的实际HTTP驱动资产上的no-cache pragma将执行您想要的操作.