How to store User Data in AngularJs

Question

Can anyone please let me know how to store logged in user data into global scope of AngularJS,

My Login services is looked like this

App.service('Auth', function($http){
    return {
        isLogin:function(callback){
            $http.get('api/auth/checkLogin').success(function(res){
                callback(res);
            });
        },
        login:function(user, callback){
            $http.post('api/auth/login', user).success(function(res){
                callback(res);
            });
        },
        logout:function(callback){
            $http.get('api/auth/logout').success(function(res){
                callback(res);
            });
        }
    };
});

I'm using the same in my controller like this

$scope.isLogin = false;
$scope.UserData = {};
$scope.login = function(user){
    Auth.login(user, function(res){
        if(res.status){
            $scope.isLogin = true;
            $scope.loginBoxShown = false;
            $scope.UserData = res.data;
            $location.path('/Dashboard');
        }
    });
};

Its working fine on first run but once I reload the page the variable $scope.isLogin and $scope.UserData are reset to their default value.

Is there any way to store them in a global scope permanently before my $scope.logout(); function delete them.

why don't you try using a cookie, and put a hashed key on it? — pedrommuller
– pedrommuller, Commented Apr 21, 2014 at 15:37

Juan Solano · Accepted Answer · 2014-04-21 19:59:28Z

3

I normally use ngStorage for user data persistence. Found at https://github.com/gsklee/ngStorage

An AngularJS module that makes Web Storage working in the Angular Way. Contains two services: $localStorage and $sessionStorage.

Hope it helps.

answered Apr 21, 2014 at 19:59

Juan Solano

1,2001 gold badge17 silver badges34 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:46:31Z

-2

The question isn't really Angular specific. To persist data across page reloads you basically have two options localStorage (and it's little sister sessionStorage) or cookies.

Both techniques are covered in other SO answers already.

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Apr 21, 2014 at 15:49

Christoph

28.5k33 gold badges104 silver badges136 bronze badges

2 Comments

Sten Muchow Over a year ago

The idea might not be Angular specific, but the question most certainly is!

Christoph Over a year ago

Yep, just like "How do I add two numbers in jQuery" ;-)

Collectives™ on Stack Overflow

How to store User Data in AngularJs

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related