3
respostas

Imagens não aparecem

Boa noite,

Estou executando a API na porta 3000 e a SPA na porta 4200 como padrão. Consultei a API pelo postman e confirmei que ela está funcionando, mas quando executo o projeto em Angular, as imagens e a legenda não aparecem. Não retorna nenhum erro no terminal e nem no console do Chrome.

Esse é minha classe AppComponent:

export class AppComponent {
  title = 'alurapic';
  photos: any;

  constructor(http: HttpClient){
    http.get('http://localhost:3000/flavio/photos').subscribe(
      photo => this.photos = photo,
      erro => console.log(erro)
    );
  }

}

E esse meu template do AppComponent:

<app-photo *ngFor="let photo of photos" [url]="photos.url" [description]="photos.description"></app-photo>
3 respostas

No exemplo da aula esta assim:

photos => this.photos = photos

e no seu esta assim:

photo => this.photos = photo

falta alguns S no seu photo que talvez possam influenciar no problema

Boa tarde Daniel,

Os S é apenas o nome que dou ao valor que vai ser retornado pelo método subscribe(), altera-lo não corrige o problema pois estou usando o mesmo nome na hora de atribuir o valor ao this.photos, mas por desencargo de consciência eu coloquei como no exemplo:

photos => this.photos = photos,

Mas o erro é o mesmo.

Alguém poderia me ajudar?