0

Esta es la documentación del api que necesito consumir y pintar en el html, es un servicio GET: introducir la descripción de la imagen aquí

Este es el contenido de mi servicio donde tengo la url del api que quiero consumir: introducir la descripción de la imagen aquí

Este es el contenido de mi archivo ts: introducir la descripción de la imagen aquí

Agradecería mucho su ayuda, ya que no tengo idea como pintar esa información en el html Gracias.

1

1 respuesta 1

0

Es muy sencillo practicamente ya tienes lo más díficil, sólo te falta mapear tú response en un modelo por ejemplo

export interface MiResponse { id: number, name: string};

Luego retornarlo en tú llamado al API como un Observable de la sig. manera:

public getAll(): Observable<MiResponse> {
    return this.http.get<MiResponse>(url);
  }

En tu componente ya tienes el servicio inyectado, y el llamado al método, sólo te falta mapearlo en una property:

public response: Observable<MiResponse> = new Observable();

Y en tu onInit:

this._pokeService
       .getAll()
       .subscribe((data) => {
         this.response = data;
       });

Y en tú HTML sólo lo pintas con interpólación {{}}:

<div class="grid-container">
    <mi-component>
    {{response.name}}
    </mi-component>
</div>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.