2017-06-21 1 views
0

est possible de faire quelque chose comme çaEst-il possible d'avoir un corps pour rendre angulaire 4

mycomponent.html

<div> 
<something-content></something-content> <!-- don't know the tag 
</div> 

autre html:

<app-mycomponent> 
some random text 
<app-mycomponent> 

résultats dans:

<div> 
    some random text 
</div> 

en grails je veux d utiliser taglib:

Closure mytag = {attr, body -> 
    out <<  "<div>" 
    out <<  body() 
    out <<  "</div>" 
} 
+2

sonne comme ng contenu me –

+0

Jota.Toledo s'il vous plaît poster comme réponse, donc je ne peux vous donner crédit. c'est correct – Dasma

+1

Edited votre question et a ajouté une réponse avec plus d'info –

Répondre

1

Je pense que la fonctionnalité que vous recherchez est la translution de contenu. Cela peut être réalisé en angulaire en utilisant ng-content. Par exemple:

@Component({ 
    selector: 'panel', 
    template: ` 
     <div class="panel"> 
     <div class="panel-header"> 
      <ng-content select="panel-header"></ng-content> 
     </div> 
     </div> 
    ` 
}) 
export class PanelComponent {} 

Ensuite, vous pouvez utiliser:

<panel> 
    <panel-header>Header title</panel-header> 
</panel>