Angular – Componente Raiz (Selector)
Gabarito: letra D. No Angular, o componente raiz é definido no arquivo app.component.ts com um seletor CSS (normalmente 'app-root'). Esse seletor é então utilizado como uma tag no index.html (dentro de <body>), de modo que o Angular bootstrap a aplicação a partir desse componente. É o primeiro componente carregado e serve de contêiner para os demais.
Alternativa A — ❌ Incorreta
<angular-root> não é um seletor padrão do Angular. O seletor do componente raiz é definido pelo desenvolvedor no decorador @Component e, por convenção, costuma ser app-root.
Alternativa B — ❌ Incorreta
<render> não é um elemento relacionado ao componente raiz do Angular. Pode-se confundir com o conceito de renderização, mas não é a tag usada no index.html.
Alternativa C — ❌ Incorreta
<document-root> não é um seletor padrão. O Angular não utiliza esse nome para o componente raiz.
Alternativa D — ✅ Correta ⟵ GABARITO
<app-root> é o seletor convencional do componente raiz (definido em app.component.ts). É a tag que aparece no index.html para que o Angular monte a aplicação.
Alternativa E — ❌ Incorreta
<main-app> não é o seletor padrão. Embora o desenvolvedor possa escolher qualquer nome, a convenção e o mais comum é app-root.
Dica: Em projetos Angular gerados pelo Angular CLI, o seletor do componente raiz é sempre app-root. Fique atento a essa nomenclatura padrão.