Qual é o significado da tag
<ng-template>
?
Qual é o significado da tag
<ng-template>
?
Fala ai Pedro, tudo bem? A ng-template
tem como objetivo como o próprio nome diz, criar um template que pode ser composto junto com outros templates para formar um template final de algum componente.
Ele é muito usado para criar cenários de if/else
, ou seja, se a condição verdadeira (true
) renderiza o conteúdo de um componente senão renderiza de outro, algo assim:
<ng-template #erro>
<p>Deu erro</p>
</ng-template>
No trecho acima, estamos criando o template que irá servir para informar algum erro dado uma condição. O ng-template
por si só, não irá renderizar nada na página.
Para usá-lo, podemos criar um outro elemento com o ngIf
:
<div *ngIf="deuErro else erro">
<h2>Deu tudo certo</h2>
</div>
Caso a variável deuErro
seja true
ele vai renderizar o h2
, senão, ele vai renderizar o p
.
Espero ter ajudado.