AngularJS ng-include缓存

Question

我想包含带有ng-include属性的模板。 我想知道模板是否在多次使用相同的URL时被缓存。

<div ng-include src="'./Views/temp.html'"></div> //get request temp.html
<div ng-include src="'./Views/temp.html'"></div> //load from cache

Answer 1

高速缓存通常用于-但它不是对角的一部分，而是在浏览器上的一部分。 您可以通过运行Fiddler并查看页面加载时会发生什么来看到这一点。 如果从服务器返回304结果代码，则表示页面未更改 - 因此将从缓存中提取。

强制重新加载

一致强制重新加载的唯一好方法是添加查询字符串，如下所示（您可以将“i”替换为您想要的任何变量，数字只需要是随机的 - 不是以前使用过的数字）：

<div ng-include src="'./Views/temp.html?i=1000'"></div> // get request temp.html
<div ng-include src="'./Views/temp.html?i=1001'"></div> // force the page to load!

希望有所帮助！

Answer 2

在我的情况下，我打开了“隐身窗口”，它仍然显示我的缓存版本。 我检查了同样的情况，发现.html页面有200个状态。

解决此问题的一种简单方法是在“网络”选项卡中使用“清除浏览器缓存”。

希望这可以帮助！