Consumir api da erro

HTML

<h1>Bem vindo ao {{title}}!</h1>

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

COMPONENT

import { Component } from '@angular/core';
import {HttpClient} from "@angular/common/http";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'alurapic';

  photos: Object[] = []

  constructor(
    http: HttpClient
  ) {
    http.get<Object[]>('http://localhost:3000/flavio/photos')
      .subscribe(photos => this.photos = photos);
    console.log(this.photos);
  }


}

*OBS: *

Acabei de ver que o array está sendo enviado vazio. Não entendi, porque não estou fazendo o subscribe?

Fala Allan, tudo bem? Espero que sim!

Faltou utilizar a tipagem correta na propriedade photos, você tipa essa propriedade com o tipo Object[] ou seja, array de objeto genéricos, na qual não existe as propriedades que estamos acessando, sendo assim o typescript reclama de não haver essas propriedades, então para arrumar esse erro basta tipa-la com a interface Photo criada durante o curso:

})
export class AppComponent {
  title = 'alurapic';

  photos: Photo[] = []

  constructor(
    http: HttpClient
  ) {
    http.get<Object[]>('http://localhost:3000/flavio/photos')
      .subscribe(photos => this.photos = photos);
    console.log(this.photos);
  }


}

Espero ter ajudado, abraços e bons estudos :D

Então, essa interface de Photo não existe ainda. O que acontece é que no subscribe estou conseguindo os arquivos da api, mas ele não está salvando no array.

O do flávio também está tipado como Object[]