retain angular variables after page refresh

Question

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 an

Answer 1

you can use cookies

To put simple variable

$cookies.put('user', 'abc');

To save object

$cookies.putObject('objSocket', anyObject);

and to get back data from cookies use

$cookies.getObject('objSocket');

and

$cookies.get('user');

To use above code cookies.js cdnjs is :

Now inject $cookies into your controller and ngCookies into your app.js

for more detail https://docs.angularjs.org/api/ngCookies