ng Template em Detalhes

Neeraj Dana Blocked Unblock Seguir Seguindo 13 de janeiro

Neste artigo vamos entender o que é ng-template e como funciona

ng-template é basicamente um trecho de código que os elementos são isolados juntos, como visto na imagem

como nesta imagem, podemos ver que temos um ng-template com um modelo de mensagem de referência e dois elementos no todo parece ser um único elemento

ng template não pode ser instanciado manualmente e, portanto, se escrevermos este código em nosso HTML, ele não aparecerá no navegador, pois ngtemplate só pode ser instanciado

para renderizar o conteúdo do ngtemplate, temos um caminho que é o uso da diretiva ngtemplateoutlet, como visto na imagem

O ngTemplate pode usar propriedades de seu contexto pai e pode ter seu próprio contexto privado, já que podemos passar valores no ngtemplate e usá-los dentro do ngtemplate, o que faz dele uma parte desconectada e independente que pode ser reutilizada muitas vezes

para passar valores em ngtemplate a sintaxe é um pouco diferente do que a maneira regular para passar as propriedades em ngtemplate usamos palavra-chave let- como visto na imagem as propriedades no objeto de contexto pode ser mais do que um e eles vão ser passados como propriedades diferentes no modelo

Texto original em inglês.