Adding json object to $cookies - Angular JS

Question

In the console my code is printing:

[Object, Object]

I can't drill down normally.

I have tried JSON.Parse and JSON.stringify without success.

My service that sets credentials:

setCredentials.js

'use strict';

// service that handles setting and getting cookies  

app.service('setCredentials', function($cookies) {

    // function that gets json object and stores it inside a cookie
    this.storeInCookie = function(responseObject) {

        console.log(responseObject);

        //set the cookie
        var cookieObj = {
            currentUser: {
                userType: responseObject.auth.userType,
                username: responseObject.auth.email,
                token: responseObject.auth.token
            }
        };


        console.log(cookieObj);
        //set up header, in case we need auth token inside it for later 
        //$http.defaults.headers.common['Authorization'] = 'Basic ' + authdata; 
        //store inside of cookie
        $cookies.put('globals', cookieObj);

        return true;

    };

    //function to remove cookie
    this.removeCookie = function() {



    };

    //function to get cookie
    this.getCookie = function(cookieName) {

        //get cookie
        return $cookies.get(cookieName);

    };

});

I then call the cookie object in a controller:

navigationController.js

'use strict';

//app global variable
//this is the controller that handles post requests
//declare services as dependecies $http, $location, custom service apiServiceWeb
app.controller('navigationController', function($scope, $rootScope, $http, $location, $cookies, setCredentials) {


  //navigation menu

  //get what is in the cookie
  var cookieValue = setCredentials.getCookie('globals');
  console.log($cookies.get('globals'));

});

Answer 1

Use

$cookies.putObject('globals', cookieObj)

and

$cookies.getObject('globals')

instead.