Angular remove page from cache

Question

In my project I am using angular $routeProvider in order to dynamically load pages in a ng-view area. The pages are getting loaded correctly in the ng-view and they are also cached so that the next time they are loaded instantly without performing a request to the server.

The thing is that there are some pages where I have a form with initial values loaded from the server. I change those values and submit them back to server with an Ajax post.

When I change the ng-view with another page and change it back to the form page, I don't see the updated values but I see the old ones.

How can I remove this specific page from the cache after the form is submitted so the whole page is requested again from the server?

Is there another workaround this issue?

Thank you!

Can you post any code in a fiddle?

Matt Way
– Matt Way

2014-05-07 14:00:03 +00:00
Commented May 7, 2014 at 14:00 — Matt Way
– Matt Way, Commented May 7, 2014 at 14:00

nfdavenport · Accepted Answer · 2014-05-08 16:13:45Z

1

We handle this by having all our our ng-view areas strictly as static HTML. All dynamic information or 'data' is retrieved separately from the server as JSON.

This allows us to easily control the information being displayed in a particular view simply by manipulating the object the view area is bound to for it's data. For views that are used frequently, this is more efficient as the cached view area never needs to be refreshed.

In your case, your initial form values should be retrieved separately and bound to the form.

answered May 8, 2014 at 16:13

nfdavenport

4751 gold badge5 silver badges10 bronze badges

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

2 Comments

Nickey Over a year ago

Thank you, this is the approach I am going to follow. Even though during the first request for the page 2 requests are made to the server

nfdavenport Over a year ago

For large systems, this also lets you store all of your JS, CSS & HTML separately on a CDN and only put load on your server for the data calls.

z.a. · Accepted Answer · 2014-05-07 13:57:21Z

0

you can clear your scope data related to the form perhaps since they are all stored that way. if you have chrome, use angularjs batarang to see where your form values are stored in the scope.

answered May 7, 2014 at 13:57

z.a.

2,7973 gold badges15 silver badges17 bronze badges

Collectives™ on Stack Overflow

Angular remove page from cache

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