Entendi que o ângular procurará no template pela diretiva ng-transclude para identificar onde do html do template ele inserirá o conteúdo html que está dentro da noss nova tag, porem, onde o angular inclui este html se no template tivermos mais de um ng-transclude?
hoje, com a Alura e o Google Gemini
Fala aí Erick, beleza? Para isso você pode nomear seus ng-transclude:
transclude: {
'title': '?paneTitle',
'body': 'paneBody',
'footer': '?paneFooter'
},
template: '<div style="border: 1px solid black;">' +
'<div class="title" ng-transclude="title">Fallback Title</div>' +
'<div ng-transclude="body"></div>' +
'<div class="footer" ng-transclude="footer">Fallback Footer</div>' +
'</div>'E depois para usar:
<pane>
<pane-title><a ng-href="{{link}}">{{title}}</a></pane-title>
<pane-body><p>{{text}}</p></pane-body>
</pane>Onde:
panel-title: Será incluído dentro dopanel-body: Será incluído dentro do <div ng-transclude="body"></div>Espero ter ajudado.