LuanDantas
3/2/2018 - 11:51 AM

Ng-Content

Ng-Content

Tem como objetivo, passar conteúdos variáveis para um componente.

Recebe o conteúdo

<ng-content></ng-content>

Passa o conteúdo

<app-exemplo-ng-content>
    Conteúdo
</app-exemplo-ng-content>

Para passarmos mais de um valor, podemos atribuir a propriedade select e selecionarmos o que queremos passar.

<ng-content select=".titulo"></ng-content>
<ng-content select=".corpo"></ng-content>

<div class="titulo">
    <h1>Título do painel</h1>
</div>
<div class="corpo">
    <p>Corpo do painel</p>
</div>