Retain page data on refreshing the page

angularjs page-refresh rootscope
Nutan picture Nutan · Jun 4, 2014 · Viewed 42.8k times · Source

I am new to angular. I am using a service which gets a list of objects and displays them on the 1st page. Then based on what object was clicked, I am setting the tab header on the next page. But while I am refreshing the page the scope of the list is lost and the tab header is throwing the exception resulting the page to not display the information. Is there any way to retain the information that which object was clicked on previous screen even when refreshing the 2nd page?

Answer

V31 picture V31 · Jun 4, 2014

You can make use of angular local storage

Angular Local Storage

Example how to use it:

Example To Use Local Storage

Related questions

retain angular variables after page refresh

I'm trying to figure out a way to keep my angular variables with page refresh / across controllers. My workflow is, user logs in via facebook and gets an access token users access token will be used with every request I …

Read More
page refresh causing user to get log out automatically in angular js

I have a Login API which I am using it in my service function logInToService(callback, errback, login, password, rememberLogin) { var url = "User/Login"; var authorizationHeader = {'Authorization': "Basic " + login + ":" + password}; httpWrapperService.post(url, {login: login, password: password}, authorizationHeader).then( function …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More