Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Maneira diferente de escrever o HTML do componente

Olá.

Dei uma olhada no "Gabarito do Desafio" e vi que lá, ao invés de escrever o HTML do componente em um arquivo app.component.html, ele é escrito dentro de template no arquivo app.component.ts. Essa é uma abordagem diferente da que foi mostrada em aula.

Por favor, gostaria de saber se as duas abordagens (1. escrever em um arquivo app.component.html, ou 2. escrever dentro de template no arquivo app.component.ts) são válidas. Qual é a mais utilizada?

Obrigado.

2 respostas
solução!

Olá Matheus, tudo bem?

Na abordagem mostrada no desafio foi utilizado o template inline. Para isso, ao invés do metadado templateUrl, passamos apenas template e inserimos o html dentro do componente.

Uma abordagem semelhante pode ser utilizada também para os estilos, ao invés de criar um arquivo separado, você pode utilizar o metadado styles ao invés de styleUrls e passar um array de string com os estilos do componente, como no exemplo abaixo.

Essa abordagem também é válida e pode ser utilizada quando o código html e/ou css do componente é muito simples e pode ser declarado em poucas linhas.

Stackblitz mostrando o arquivo app.component.ts aberto e uma tela com um parágrafo em verde escrito: Olá, como vai?

Espero ter ajudado, bons estudos!

Obrigado!