Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Qual é o significado da tag <ng-template>?

Qual é o significado da tag

<ng-template>

?

1 resposta
solução!

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software