1
resposta

Transclude

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?

1 resposta

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 do
    `.
  • panel-body: Será incluído dentro do <div ng-transclude="body"></div>

Espero ter ajudado.