CODEWITHSUNDEEP
javascriptangularjs
MR.ABC
MR.ABC

Reputation: 4862

AngularJS ng-include caching

i like to include templates with the ng-include attribute. I like to know if the templates getting cached while using the the same url multiple times.

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

Upvotes: 16

Views: 20214

Answers (2)

Kapil Lohakare
Kapil Lohakare

Reputation: 350

In my case, I opened the "Incognito Window" still it was showing me the cached version. I inspected the same and found the .html pages were having 200 status.

One easy way to overcome this problem is to use "Clear Browser cache" in the "Network" tab. enter image description here

Hope this helps!

Upvotes: 0

drew_w
drew_w

Reputation: 10430

Caching is typically used - but its not on the part of angular but instead on the part of the browser. You can see this by running Fiddler and seeing what happens when your page loads. If you get a 304 result code back from the server it means that the page hasn't changed - so it will be pulled from cache.

Force Reload

The only good way to consistently force a reload is to add query string as follows (you can replace "i" with any variable you would like and the numbers just need to be random - not previously used numbers):

<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!

Hope that helps!

Upvotes: 38

Related Questions