AngularJS caching objects to avoid re-loading in new browser tabs

Question

My AngularJS app behaves similarly to Gmail, in that it loads up a bunch of data to the browser with a "loading" screen. There are 3 javascript objects being retrieved from my database here and they take a little a few seconds each to load.

Once loaded, they permeate through the app and are used in various views and controllers.

However, if a user opens up one of the app's links in a new tab, they obviously to be re-loaded. I can see why this happens, but I'd much rather save the 5-10 seconds of loading time for the user and have someway of sharing the data between different tabs.

Is this possible at all, perhaps using Angular's $cookie service or caching? I'm quite new to this style of programming so detailed answers are most definitely appreciated!

you could try localstorage: developer.mozilla.org/en/DOM/Storage — Khanh TO
– Khanh TO, Commented Oct 21, 2013 at 13:29
Local storage in AngularJS: github.com/grevory/angular-local-storage. — Florent Hemmi
– Florent Hemmi, Commented Oct 21, 2013 at 13:31

frosty · Accepted Answer · 2013-10-21 13:41:34Z

1

As the two people above answered, you can do this via LocalStorage. However, if you begin to write your data to the LocalStorage, and try to keep the LocalStorage in sync with your server storage, that task quickly becomes a full time job that is full of bugs. Use a library for this.

THIS SITE has a few options.

answered Oct 21, 2013 at 13:41

frosty

21.8k8 gold badges58 silver badges77 bronze badges

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

1 Comment

JVG Over a year ago

Awesome, thanks for the resources and advice - especially the word of warning about syncing local storage with server, as this is exactly what I was gonna do! Cheers.

Collectives™ on Stack Overflow

AngularJS caching objects to avoid re-loading in new browser tabs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related