Forcefully disable template caching in AngularJS

Question

I am using AngularJS and have implemented routing using it. I want to make sure whenever route changes template is fetched from server and not obtained from cache, is there a way I can force this to happen ?

Check this opensourcesoftwareandme.blogspot.in/2014/02/…

nehem
– nehem

2014-06-05 11:40:40 +00:00
Commented Jun 5, 2014 at 11:40 — nehem
– nehem, Commented Jun 5, 2014 at 11:40

tasseKATT · Accepted Answer · 2014-06-05 11:35:53Z

5

This should hopefully work:

app.run(function($rootScope, $templateCache) {
   $rootScope.$on('$viewContentLoaded', function() {
      $templateCache.removeAll();
   });
});

answered Jun 5, 2014 at 11:35

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

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

2 Comments

Jyoti Puri Over a year ago

Thanks your fix is working but I get following error as mu page loads: TypeError: Cannot read property 'removeAll' of undefined at localhost:8080/ui/app/js/angular/app.js:294:21

Jyoti Puri Over a year ago

putting a null check for $templateCache helped...thanks

Robert · Accepted Answer · 2020-08-26 08:45:28Z

0

According to the comment on the accepted answer, this should be the correct code:

app.run(function($rootScope, $templateCache) {
   $rootScope.$on('$viewContentLoaded', function() {
      if($templateCache) {
         $templateCache.removeAll();
      }
   });
});

answered Aug 26, 2020 at 8:45

Robert

2,5364 gold badges30 silver badges47 bronze badges

Collectives™ on Stack Overflow

Forcefully disable template caching in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related