Angular – Roteamento (router-outlet)
Gabarito: letra B. No Angular, o componente correspondente à rota ativa é inserido no template através da diretiva <router-outlet>, que funciona como um marcador de posição para o conteúdo renderizado dinamicamente pelo roteador. As demais alternativas referem-se a outros aspectos do roteamento ou a elementos HTML genéricos.
A questão cobra o conhecimento dos elementos básicos do roteamento do Angular, especificamente onde o componente da rota corrente deve ser exibido no template.
Alternativa A — ❌ Incorreta
pathMatch é uma propriedade usada na configuração de rotas (ex.: { path: '', pathMatch: 'full' }) para definir a estratégia de correspondência do caminho. Não é uma tag HTML nem uma diretiva de template.
Alternativa B — ✅ Correta ⟵ GABARITO
<router-outlet> é uma diretiva do Angular que age como um placeholder no template. Quando uma rota é ativada, o Angular renderiza o componente correspondente dentro desse elemento. É a maneira padrão e obrigatória de definir a área de apresentação da rota corrente.
Alternativa C — ❌ Incorreta
snapshot é uma propriedade do serviço ActivatedRoute que fornece uma fotografia instantânea dos parâmetros, dados e outros metadados da rota no momento da navegação. Não é uma tag de template.
Alternativa D — ❌ Incorreta
<nav> é um elemento HTML5 semântico usado para agrupar links de navegação, mas não possui qualquer funcionalidade específica de roteamento do Angular. Não insere componentes de rota.
Alternativa E — ❌ Incorreta
routerLink é uma diretiva do Angular usada para criar links que disparam a navegação entre rotas. É aplicada em elementos âncora (<a>) ou outros elementos, mas não define onde o componente será exibido; apenas indica para onde navegar.
Gabarito: letra B.