Estoy haciendo una pequeña aplicación usando el API de Pokémon. La cosa es que para obtener las evoluciones debo conocer primero el id
del pokémon antes de hacer la petición. Primero obtengo los datos generales mediante $http
pero una vez que me se ejecuta la promesa quisiera ejecutar una función para obtener las evoluciones. El resultado es que me da error y no sé si esté usando mal mi sintáxis o es más cosa de lógica.
Dejo mi código y un ejemplo en JSFiddle.
angular.module('pokedexApp', [])
.controller('mainCtrl', function($scope, $http) {
var pokeurl = 'http://pokeapi.co/api/v2/';
var evolutionRequestUrl = 'http://pokeapi.co/api/v2/evolution-chain/';
$scope.pokemonName = '';
$scope.searchPokemon = function() {
$http({
method: 'GET',
url: pokeurl + 'pokemon/' + $scope.pokemonName
}).then(function callback(response) {
var id = responde.data.id;
$scope.pokemon = response.data;
// Getting evolutions
var getEvolutions = function(id) {
$http({
method: 'GET',
url: evolutionRequestUrl + id;
}).then(function callback(response){
console.log(response);
});
};
console.log(response);
});
};
});
JSFiddle: Fiddle
Espero me puedan ayudar, gracias.
url: evolutionRequestUrl + id;
en esa línea no va punto y coma, quítalo – Diego Torres el 27 jul. 16 a las 3:50