How to get an Object from $cookies?

Question

I'm storing a user object on a Cookie and, when the client visit the site again, I want to use this object's properties.

But, when the client comes back, my cookie object looks like [object object] while it's properties looks like undefined.

Here is my code:

$scope.signup = function (user) {
    $http.post('/api/signup', user)
        .then( function (res) {
            $cookies.put('user', res.data.user); //This is where I store my cookie.
        }, function (res) {

        });
};

When the client comes back, I have this code:

var lastUser = $cookies.get('user');
if (lastUser) $scope.lastName = lastUser.username;
console.log(lastUser);  // [object object]
console.log(lastName); // undefined

What can I do to properly get the cookie info?

http://stackoverflow.com/questions/3220660/local-storage-vs-cookies — epascarello, Nov 18 '15 at 01:19
Cookies only store strings, not objects. So, you have to put your data into string form before putting it into a cookie. if your data isn't a simple string or number, you can use `JSON.stringify()` on an object. — jfriend00, Nov 18 '15 at 02:40

score 2 · Accepted Answer · answered Nov 18 '15 at 01:21

2

Try instead:

window.localStorage.setItem('user', JSON.stringify(res.data.user));

Then you can get that information on consequent visits with:

var userData = JSON.parse(window.localStorage.getItem('user'));

That way you'll avoid a lot of the cookie headache.

answered Nov 18 '15 at 01:21

Hunan Rostomyan

2,072
2
19
29

Thanks, @HunanRostomyan I'm going to try it now. – Rodmentou Nov 18 '15 at 01:23

How to get an Object from $cookies?

1 Answers1