Object defined but when accessing a property returns undefined

Question

I have a really weird issue, can someone explain please. In my controller, when I am logging an object

console.log($rootScope.authUser)

it returns:

where messages is an array of objects. When I am trying to access one of the properties though:

console.log($rootScope.authUser.messages)

I am getting an empty array - different results! How is this possible 0.o

Answer 1

Try to use

console.log(angular.copy($rootScope.authUser))

It seems that console.log prints the complete object reference, and at the time you look at it, it has already changed. If you make a copy, the copy will not be changed further and you got the "real" output at that time.