在console.log中显示ngResource对象

Question

I have an app that is querying the pokeapi .

I'm using AngularJS ngResource in a factory to hit an endpoint and in my controller it's querying the data and the view is populating. The one thing I'm not able to do is log the actual object being returned so I can parse through it in the console.

Controller

app.controller('pokedexCtrl', function($scope, $http, $timeout, searchCharacter) {

  $scope.search = function() {
    // get pokemon details
    var filteredSearch = $scope.searchCharacter.toLowerCase().replace(/\s+/g, '');

    $scope.characters = [searchCharacter.get({
        value: $scope.searchCharacter
      }, function() {
        console.log('character retrieved' + $scope.characters);
      },
      function(response) {
        if (response.status === 404) {
          alert('we are sorry but we could not find what you are looking for')
        }
      }
    )];
  };
});

Factory

app.factory('searchCharacter', function($resource) {
  return $resource('http://pokeapi.co/api/v1/pokemon/:value', {
    value: '@searchCharacter'
  }, {
    'query': {
      method: 'GET',
      isArray: true
    }
  });
});

The only thing that I can get back in the console is: >character retrieved [object Object]

How can I get the object tree in the console? Image of what I'm talking about

Revised Controller

app.controller('pokedexCtrl', function($scope, searchCharacter){

  $scope.search = function(){
// get pokemon details
var filteredSearch = $scope.searchCharacter.toLowerCase().replace(/\s+/g,'');

$scope.characters = [searchCharacter.get({
    value : filteredSearch
  }, function(){},
  function(response){
    if(response.status === 404){
      alert('we are sorry but we could not find what you are looking for')
    }
  }
)];

var pokemonObject = searchCharacter.get({value: filteredSearch}, function(value, responseHeader) {
  console.log('Pokemon Object: ', pokemonObject);
});

};
});

Answer 1

your console log isn't returning the object because you are parsing it as a string with the +

console.log('character retrieved' + $scope.characters);

If you want to return an object, you need to separate with a comma

console.log('character retrieved', $scope.characters);