Solucionado
Boa tarde, Professor.
Eu não consegui entender que parte do código que mostra ao Angular que img no html é filho da panel-body que possui a diretiva ng-transclude.
Tentando simplificar minha pergunta: Não consegui ver como img ta ligado a div painel-body como filho.
hoje, com a Alura e o Google Gemini
E aí, Leonardo! Tudo certo, cara? =)
Quando você criou a diretiva, no template você fez algo assim:
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title text-center">{{titulo}}</h3>
</div>
<div class="panel-body" ng-tranclude>
</div>
</div>Quando você for utilizar essa diretiva, que chamamos de "meuPainel", faremos algo assim:
<meu-painel ng-repeat="foto in fotos" titulo="{{foto.titulo}}>
<img class="img-responsive center-block" src="{{foto.url}} alt={{foto.titulo}}>
</meu-painel>Repare que, estamos adicionando conteúdo dentro do elemento <meu-painel>. Ao fazer isso, o Angular procurará pela diretiva ng-transclude dentro do nosso template, para saber onde jogar esse conteúdo, encontrando o ng-transclude na <div class="panel-body">, sacou? =)
Espero ter ajudado! Abraço e bons estudos,
Fábio
Ah, ok. Entendi. Valeu :D