binarygiant binarygiant - 4 months ago 30
AngularJS Question

console.log Angular directive scope outputs "[object Object] No Properties"

Looking at the videos over at http://egghead.io, I see the author uses console.log to log out the contents of a $scope or scope object. The output in Chrome is a drillable object. However when I do the same, the output Chrome presents is:

[object Object]
No Properties


Using console.dir has the same affect. Any recommendations?

Thanks,

Answer

The + operator calls to the toString method of the object which would return '[object object]'

So using log like this:

console.log('scope is ' + scope);

Produced the string scope is [object object]

Instead use the console.log() method with commas (as commented below) to be able to drill into the scope object:

console.log('scope is', scope)
Comments