Curso Angular #32: ng-content

Aulas sobre Angular 2 e Angular 4

[jaquelinecandia]

Bom de ajudou muito, já deixei de componetizar muita coisa por faltar o conhecimento dessa aula! Muito obrigada por essa aula tão importante Loiane!! Você é nota 1000!!!

[mpbenedito]

No momento que estou fazendo o curso o Bootstrap está na versão 5.3.x. O código de exemplo mais próximo é o
<div class="card" style="width: 18rem;">
<div class="card-header">
Título
</div>
<div class="card-body">
Conteúdo
</div>
</div>

[DevTiagoBarbosa]

26/06/2023 Muito obrigado pelo conteúdo e ensinamento, muito agradecido por todo seu ensinamento

[isra.soares]

21/11/2022 - aqui o angular me deixou com o coração mais quentinho, que modo interessante/simples de criar slots de informações dinâmica. Obrigado pelo conteúdo Loiane !

[renancoelho]

Pra quem trabalha com Laravel, este conceito é bem parecido com o blade @component onde utilizamos uma variável chamada $slot que vai receber o conteúdo do corpo de um componente criado.

[otaneto]

Muito obrigado pelo conteúdo passado em todo o seu curso. Apesar de ter assistido várias aulas é a primeira vez que estou comentando em agradecimento. Tudo muito bem explicado e bastante completo. Parabéns pela iniciativa!

[juarezmiranda]

Essas diretivas são bem poderosas. Facilitam bastante a vida do desenvolvedor.

[dionemaciel]

Ao invés de usar o *ng-content select=".titulo"*, pode-se usar apenas *ng-content .titulo*

[MarceloApenas]

Ótimo material, Loiane, muito obrigado!
Good vibes for you!

[AZnuclear]

perfeito, era exatamente o que eu precisava

[Doda]

o meu terminal dentro do vscode para de funcionar do nada ai tenho que ficar excluindo e abrindo outro, alguém sabe o que pode estar causando esse problema? obrigado!!!

[mauropereira]

Parabéns.
Estou adorando suas aulas :)

[joaoantunesguimaraes]

Para o Bootstrap 5 qual o substituto de panel?
De modo a poder visualizar o conteúdo desta aula

[rodolfosalasdev]

Daria pra ter vários seletores e escolher o que vai ser renderizado na chamada do template?
Por ex. Posso ter dois botões com funções diferentes e na chama do template escolher qual quero incluir?

[lucasrosa]

Loiane o meu template parece estar com zoom out... testei tirar o link do Bootstrap 3 e resolveu. Seria isso um conflito de Libs?

[RodrigoDiasS]

Ótimo curso, você pensa em fazer uma playlist fazendo um mini projeto onde use tudo ou quase tudo ?
Seria muito bom

[miguelvasconcelos]

Uma dúvida,
se eu estiver em uma automação querendo acessar uma caixa de entrada e no elemento da caixa for formado por esse ng content, ela fica inacessível? porque ja tentei acessar de varias maneiras com o puppeteer, selenium e ele nao encontra

[ricardk]

ainda vale a pena usar isso? Nao seria mais facil usar o {{ conteudo }}

[gabrielviana]

Como faz pra fazer teste unitário o ng-content? Tem como fazer um "mock" dele no componente?

[geyzonamaral]

O seletor é só em nível de classe, né? Não há possibilidade, por exemplo, de usar seletor de id: <ng-content select = "#primeiro_pedaco"></ng-content>, né?