Hola, soy un poco nuevo en esto y estoy obteniendo de la API de pokemon, esta es la URL de la API que estoy usando.
Este es mi código :
import { Component, OnInit } from '@angular/core'; import { Pokemon, Pokemon2 } from 'src/app/classes/pokemon'; import { PokemonService } from 'src/app/services/pokemon.service'; @Component({ selector: 'app-table', templateUrl: './table.component.html', styleUrls: ['./table.component.css'] }) export class TableComponent implements OnInit { pokemon:any[] = [] constructor(private pokemonservice: PokemonService) { } ngOnInit(): void { this.pokemonservice.getPokemon().subscribe((data:any)=>{ this.pokemon= data console.log(this.pokemon) }) } } Tengo un servicio que devuelve solo el http, el problema es que en mi página dice OBJECT OBJECT , sé que los datos son así :
"count": 1126, "next": "https://pokeapi.co/api/v2/pokemon/?offset=20&limit=20", "previous": null, "results": [ { "name": "bulbasaur", "url": "https://pokeapi.co/api/v2/pokemon/1/" } Por lo general, tenía datos con solo un objeto, pero aquí también dice COUNT , NEXT , PREVIOUS , ¿cómo puedo hacer con esto?
No hay pokemon.name y pokemon.results es [objeto objeto] (matriz de objetos para ser precisos).
Prueba esto: {{ pokemon.results[0].name }}. Te dará el nombre del primer pokemon. Si desea enumerar todos los nombres de Pokémon, puede hacer esto:
<div *ngFor="let pokemon of pokemon.results"> {{ pokemon.name }} </div>