1

Existe alguma forma de renderizar apenas o conteúdo do componente, escondendo as tags?

Como funciona:

<ul>
    <li-component> </li-component>
</ul>

Renderiza:

<ul>
    <li-component>
        <li>
            Frase
        </li>
    </li-component>
</ul>

Ele mantém a tag do <li-component>

Resultado desejado:

<ul>
    <li>
        Frase
    </li>
</ul>
1
  • Pode explicar o motivo de querer isto?
    – Marconi
    19/10/2018 às 21:21

1 Resposta 1

0

Bem vindo Glauco! :D

Cara é bem simples você pode alterar o seletor do componente "apesar de não recomendado" no Style Guide

import { Component } from '@angular/core';

@Component({
  selector: 'li[my-component]',
  templateUrl: './my.component.html'
})
export class MyComponent {

  constructor() { }

}

Você pode usar basicamente um seletor de atributo apesar de ter outros seletores, ficaria assim:

<ul>
    <li my-component> </li>
</ul>

Renderizaria assim:

<ul>
    <li my-component>
        Frase
    </li>
</ul>
2
  • Não funcionou aqui :( Ele ainda renderiza a tag li, e outra tag li dentro
    – Glauco Vaz
    19/10/2018 às 20:44
  • Coloque o seu componente de exemplo aqui! .ts .html e .css 20/10/2018 às 4:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .