Erro no Resolver esta duplicando meu input | Angular parte 1: produtividade e organização com framework SPA

<div style="text-align: center;"> <form> <input type="search" placeholder="buscar" autofocus (keyup)="filtroBusca = $any($event.target).value"> {{ filtroBusca }} </form> </div> <div *ngIf="!fotos?.length" style="text-align: center;">Desculpe não temos fotos</div> <app-foto-unica [fotos]="fotos | filtroFotoDescricao:filtroBusca" ></app-foto-unica>

Olá Joede, tudo bem com você?

Peço desculpas pela demora em obter um retorno.

Apenas com o código que foi disponibilizado, não é possível identificar a causa base da duplicação. Todavia, segue algumas dicas para localizar a causa da duplicação em seu projeto:

Verifique se o seu componente está sendo instanciado apenas uma única vez
Tente remover ou comentar a cláusula input do template e verifique se o problema persiste
Verifique se o seu resolver está sendo chamado corretamente e se está retornando os dados esperados
Também deixo como opção, o código completo da aula para eventuais comparações

Todavia, se o problema persistir, peço que me envie o código completo do seu projeto, seja do drive ou github, para que eu possa te auxiliar de forma mais assertiva. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!