Solucionado
Olá meu povo, qbrei a cabeça aqui um pouquinho pra decifrar o tal do:
[photos]="photos"Gostaria de saber se eu consegui chegar na solução, segue a explicação:
Pra galera que ainda está em dúvida, troca photos por XIMBINHA segue exemplo abaixo:
Arquivos:
photos.component.html -> <li *ngFor="let photo of ximbinha" class="col-4">
photos.component.ts -> @Input() ximbinha: Photo[] = [];
photos-list.component.html -> <ap-photos [ximbinha]="photos"></ap-photos>
Fala aí Nícolas, tudo bem? Bom, o primeiro ponto de vista está correto, agora, o segundo ao meu ver não, normalmente nem deveria compilar o código.
Portanto, imagine que temos o componente filho que recebe um título via props com @Input:
@Input titulo = ''Para usá-lo, poderíamos fazer:
<app-filho></app-filho>Dessa maneira o valor da propriedade título seria uma String em branco, ou, podemos passar algum valor:
<app-filho titulo="Meu titulo"></app-filho>Agora o valor da propriedade seria Meu titulo.
Obs: Ambos os exemplos partimos da ideia que o seletor do componente filho seja app-filho.
Agora, se você tentar fazer algo do tipo:
<app-filho "titulo"></app-filho>Isso nem deveria compilar, o Angular vai acusar um erro.
Espero ter ajudado.
Opa Matheus tudo bom? então, eu só dividi as 'tarefas', pra talvez ter uma explicação melhor pro pessoal.
isso:
<app-filho "titulo">realmente n compila, mas oq eu queria dizer fazendo isso é q o valor de [titulo] é igual ao ts do seletor q ele foi criado.
e o valor de "titulo" é igual ao ts correspondente do momento ali
Entendi, então sim, seria exatamente esse a ideia.
Abraços e bons estudos.