Imagem não aparece | Angular parte 1: produtividade e organização com framework SPA

Boa tarde. No capítulo 5, aula 7, ele pede pra mudarmos um pouco o codgo para que as imagens vindas da api, apareçam no navegador, porém eu fiz as alterações e continua não aparecendo. Gostaria de uma ajuda. Irei deixar aqui em baixo os codigos.

photo-list .component.ts :

import { Component, OnInit } from '@angular/core';
import { PhotoService } from '../photo/photo.service';
import { ActivatedRoute } from '@angular/router';
import { Photo } from '../photo/photo';

@Component({
  selector: 'ap-photo-list',
  templateUrl: './photo-list.component.html',
  styleUrls: ['./photo-list.component.css']
})

export class PhotoListComponent implements OnInit {
  photos: Photo[] =[];
 constructor( private photoService: PhotoService,
    private activatedRoute: ActivatedRoute
    ) { }

ngOnInit(): void {

 const userName=this.activatedRoute.snapshot.params.userName;
      this.photoService
      .listFromUser (userName)
      .subscribe(photos=>this.photos=photos);

}

}

photos.component.html :

 <ap-photo [photos]="photos"></ap-photo>

ngOnInit(): void { const userName=this.activatedRoute.snapshot.params.userName; this.photoService .listFromUser(userName) .subscribe(photos => { console.log(photos) this.photos=photos }); }