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個狀態。

解決此問題的一種簡單方法是在“網絡”選項卡中使用“清除瀏覽器緩存”。

希望這可以幫助！