Angular templates and cache invalidation

Question

I am working on a project that uses Angular1, we hit the problem where when we change an html template the users will not see the change until a hard refresh is performed. Ideal would be to have the cache service to check a timestamp and invalidate the cached file. As an example now I edited a template used by the $stateProvider.

My questions is what solutions or best practices are used to solve the problem?

P.S since our JS files are combined in 1 file we fixed the problem there by appending a timestamp in the script tag from our PHP backend

tanmay · Accepted Answer · 2017-04-19 11:02:55Z

1

Interesting question! We've had the same issue in a project that uses Angular1.x. We solved it using angular-cache-buster.

It basically helps you put a httpInterceptor. All you need is have ngCacheBuster in module dependency injection, and inject httpRequestInterceptorCacheBusterProvider in the .config of your app to set the match list.

For example,

httpRequestInterceptorCacheBusterProvider.setMatchlist([/.*api.*/], true);

this tells it to cache everything except REST api requests. You can learn more about the configuration here.

answered Apr 19, 2017 at 11:02

tanmay

7,9112 gold badges23 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Angular templates and cache invalidation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related