Solucionado
Bom dia Pessoal!
Minha dúvida é simples: da onde veio essa referência do "cols" na instrução "*ngFor='let photo of cols'" e por que ela funciona?
E desde já, agradeço a ajuda!
<ol class="list-unstyled">
<li *ngFor="let cols of rows" class="row">
<div *ngFor="let photo of cols" class="col-4">
<ap-photo
[url]="photo.url"
[description]="photo.description"
></ap-photo>
</div>
</li>
</ol>
Olá Renato, tudo bem?
Nesse caso, você está trabalhando com um array de arrays.
<li *ngFor="let cols of rows" class="row">a variável "cols", você mesmo criou e ela recebe item a item de "rows", sendo que cada item é um array.
<div *ngFor="let photo of cols" class="col-4">
<ap-photo
[url]="photo.url"
[description]="photo.description"
></ap-photo>Nessa parte do código, você usa o "cols" que você obteve na parte de cima do código e extrai dele todos os itens do array e atribui para a variável photo, o que permitiu você atribuir os valores das propriedades url e description, que estão armazenados dentro desse array.
Espero ter ajudado.