AngularJS: Storing an object in a cookie giving result of [Object Object]

Question

I am trying to store a group of user credentials in a cookie when sending in this user object to my service -

this.SetCookie = function (user) {
    $cookies.user = user;
}

However what I get when I try to retrieve this cookie I do not get an object but just a string that says "[Object Object]"

I can store all the user credentials individually in their own cookies, as I know I can make that work, but it seems pretty inefficient? Is there an easy fix for this? The top result I found for this problem was related to JQuery and did not work for me.

Answer 1

In Angular 1.4 I found that storing a JSON object by creating the cookie like this:

      var obj = {
        currentUser: {
          username: "testUN",
          authdata: authdata
        }
      };
      $cookies.putObject('cookieName', obj);

Allows you to get the cookie back like this:

var cookieWObject = $cookies.getObject('cookieName');

Then get to the values like this:

var username = cookieWObject.currentUser.username;
var authdata = cookieWObject.currentUser.authdata;