How to bypass template cache in angularjs?

Question

When I made changes in any template (html) in my code and refresh from browser then the changes does not occur in application.

I want to bypass template cache when I made changes in any template i.e I want when I make any changes in template and refresh from browser then the code should be updated code not from $templateCache.

And how could I know that there is any changes in template programmatically?

I have tried this code too from Stackoverflow reference.

app.run(function($rootScope, $templateCache) {
   $rootScope.$on('$viewContentLoaded', function($event) {
       console.log($event);
       alert("abc");
      //$templateCache.removeAll();
        $templateCache("templates").removeAll();
   });
});

Is it possible that the browser does caching?

Reut Sharabani
– Reut Sharabani

2015-09-09 06:37:43 +00:00
Commented Sep 9, 2015 at 6:37 — Reut Sharabani
– Reut Sharabani, Commented Sep 9, 2015 at 6:37
Yes, browser does, most of the time. Especially IE.

Arghya C
– Arghya C

2015-09-09 06:45:09 +00:00
Commented Sep 9, 2015 at 6:45 — Arghya C
– Arghya C, Commented Sep 9, 2015 at 6:45

JonasR · Accepted Answer · 2015-09-09 06:40:10Z

1

I assume this is due to you actively working on the webpage and want to see your changes immediately, and not something you actually need for production? If so, then you could just turn off the cache in your browser. In chrome you do this by going to developer tools -> Settings -> General and tick 'Disable cache (while DevTools is open)

answered Sep 9, 2015 at 6:40

JonasR

1401 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sunil Madan Over a year ago

I don't want to disable cache since a lot of thing is dependent on cache and performance issue too. And we can't say to client to use ctrl+f5 / ctrl+shift+R to refresh the application.

Reut Sharabani · Accepted Answer · 2015-09-09 07:00:09Z

0

It's possible that the browser does some caching regardless of your logic.

Try sending the header: Cache-Control: no-cache (section 14.9) if you never want a request cached.

no-cache:

If the no-cache directive does not specify a field-name, then a cache MUST NOT use the response to satisfy a subsequent request without successful revalidation with the origin server. This allows an origin server to prevent caching even by caches that have been configured to return stale responses to client requests.

For development you can also disable the cache in the browser, or use ctrl+f5/ctrl+shift+R or the key combination for your browser/os which will forcefully reload the page bypassing the cache.

edited Sep 9, 2015 at 7:00

answered Sep 9, 2015 at 6:55

Reut Sharabani

31.5k7 gold badges76 silver badges95 bronze badges

5 Comments

Sunil Madan Over a year ago

I don't want to disable cache since a lot of thing is dependent on cache and performance issue too. And we can't say to client to use ctrl+f5 / ctrl+shift+R to refresh the application.

Reut Sharabani Over a year ago

If all you want is to refresh the browser's cache entry it should be a simple key combination.

Sunil Madan Over a year ago

Can I remove the cache of the all templates or the template in which I made changes...?

Reut Sharabani Over a year ago

If you're on a specific page you can refresh the requests from this page, which should effectively refresh only what is relevant in this page (including the specific request that generated the content).

Technoshaft Over a year ago

I think you can use a request interceptor and add parameter to over come browser caching, checkout this question

Collectives™ on Stack Overflow

How to bypass template cache in angularjs?

2 Answers 2

1 Comment

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related