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, Apr 21 '14 at 15:37

score 3 · Answer 1 · answered Apr 21 '14 at 19:59

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 '14 at 19:59

Juan Solano

1,188
1
17
32

score -2 · Answer 2 · edited May 23 '17 at 11:46

-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 '17 at 11:46

Community

1
1

answered Apr 21 '14 at 15:49

Christoph

26,519
28
95
133

2

The idea might not be Angular specific, but the question most certainly is! – Sten Muchow Apr 21 '14 at 15:55
1

Yep, just like *"How do I add two numbers in jQuery"* ;-) – Christoph Apr 21 '14 at 18:38

How to store User Data in AngularJs

2 Answers2