Ola!
Existe alguma forma de renderizar apenas o conteudo do componente, escondendo as tags?
Como funciona:
<ul>
<li-component> </li-component>
</ul>Renderiza:
<ul>
<li-component>
<li>
Frase
</li>
</li-component>
</ul>Ele mantem a tag do <li-component>
Resultado desejado:
<ul>
<li>
Frase
</li>
</ul>Agradeço desde ja! Valeu!!
hoje, com a Alura e o Google Gemini
Olá Samuel, pelas convenções na atual versão (6) do Angular não há essa possibilidade. Mas você fazer essa alteração na mão com appendChild() do Javascript mas não é nem um pouco recomendado nem uma boa prática utilizando o Angular.
Caso o motivo for fazer essa modificação para fins de estilização, vale a pena você buscar mais sobre ::ng-deep.
com o ::ng-deep você quebra o encapsulamento de estilo do componente pai para o filho. Por exemplo:
ul ::ng-deep li {
color: blue;
}Obs: Também não é recomendado a utilização do ::ng-deep, sua utilização deve ser evitada ao máximo.
Espero ter ajudado em algo,
Abçs.