Блог

Я хочу получать изображения из api, но я не знаю, как структурировать свой код для доступа к точному объекту внутри объекта.

Api: http://api.tvmaze.com/shows

Мой интерфейс выглядит так:

 export interface MovieModel {
    id: number;
    name: string;
    summary: string;
    images: Images[];
    type: string;
    status: string;
    url: string;
    genres: { [key: string]: Genres};
}

export interface Images{
  medium: string;
  original: string;
}

export interface Genres{
  g: string[];
}
  

И я вызываю api здесь:

  this.http.get(this.apiKey).subscribe((data: MovieModel[]) =>{   
      console.log(data);
      this.Movies = data;

  

И в моем HTML:

           <ion-card-title>
          {{movie.name}}
          </ion-card-title>
          <ion-img src="{{movie.images}}"></ion-img>
  

Есть предложения по получению изображений? Спасибо

Я нашел решение. Я изменил интерфейс на этот:

    image: { [key: string]: Images};

  

И в HTML я использую ключ нужной строки:

    <ion-img src="{{movie.image.medium}}"></ion-img>