Entrar Ainda não tem acesso?
3
respostas

Html mostrando os componentes

Referente ao curso Angular 2: webapps ainda mais poderosas parte 1

por Elias Gervasio
| 157.3k xp | 72 posts
WebDev

Usando Angular o html fica "sujo" mostrando os componentes, e vários dos css que usam seletores encadeados estão quebrados por causa disso. Existe alguma forma dos componentes não serem mostrados? Ou seja:

Atualmente está assim:

<body>
    <tsw-sidebar>
        <div class="sidebar"></div>
    </tsw-sidebar>
</body>

Deveria ser assim:

<body>    
    <div class="sidebar"></div>
</body>

Na minha opinião o conteúdo do componente deveria ser reenderizado sem estar dentro de uma tag com o nome do componente.

3 respostas
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Fala Elias, tudo bom?

Você pode alterar o seletor na sua notation @Component para selector: '[myComponent]'com os [] o componente ira aparecer como:

<div myComponent>Hello My component</div>
por Elias Gervasio
| 157.3k xp | 72 posts
WebDev

Fala Mário,

obrigado por me responder. Eu segui sua sugestão mais o código apresenta erro de sintaxe e não renderiza a aplicação:

@Component({
  selector: '[tsw-menu-modulo]',
  templateUrl: './menu-modulo.component.html',
  styleUrls: ['./menu-modulo.component.css']
})
Uncaught Error: Template parse errors:
'tsw-menu-modulo' is not a known element:
1. If 'tsw-menu-modulo' is an Angular component, then verify that it is part of this module.
2. If 'tsw-menu-modulo' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
    <!-- /.nav-second-level -->
  </li>
    [ERROR ->]<tsw-menu-modulo></tsw-menu-modulo>

Poderia me dar um ajuda? Abração

por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Opa, desculpa a demora, consegue subir seu código para eu dar uma olhada?