Pular para conteúdo

Quiz: Aula 07 ❓

Teste seus conhecimentos sobre o Angular Router (Abordagem Clássica).

  1. Qual módulo deve ser importado para habilitar o roteamento?

    • ( ) HttpModule
    • (x) RouterModule
    • ( ) NavigationModule
    • ( ) AppRoutingModule (Apenas)
    • Explicação: O RouterModule contém todas as diretivas e serviços de rota.

  2. Onde as rotas são declaradas na abordagem clássica?

    • ( ) No main.ts
    • ( ) No index.html
    • (x) No arquivo app-routing.module.ts
    • ( ) No angular.json
    • Explicação: É o arquivo padrão gerado pelo CLI para organizar as rotas.

  3. Qual a função do <router-outlet>?

    • ( ) Criar um link para outra página
    • (x) Atuar como um placeholder onde o componente da rota ativa será exibido
    • ( ) Fazer o build da aplicação
    • ( ) Guardar imagens de background
    • Explicação: É o local onde o Angular "injeta" o componente da rota selecionada.

  4. Por que NÃO usar href em uma SPA Angular?

    • ( ) Porque o Angular não suporta tags <a>
    • (x) Porque o href força o recarregamento total da página, perdendo o estado da SPA
    • ( ) Porque o href é apenas para sites externos
    • ( ) Porque o CSS não funciona com href
    • Explicação: O href destrói a instância atual da aplicação e reinicia o browser.

  5. Como definimos uma rota padrão (vazia)?

    • ( ) { path: '*', component: Home }
    • (x) { path: '', component: Home }
    • ( ) { path: 'default', component: Home }
    • ( ) { path: '/', component: Home }
    • Explicação: O caminho vazio '' representa a raiz da aplicação.

  6. O que é o pathMatch: 'full'?

    • ( ) Garante que a página ocupe a tela cheia
    • (x) Garante que a rota combine exatamente com o caminho vazio
    • ( ) Um comando de estilização
    • ( ) Uma configuração de segurança
    • Explicação: Evita que rotas vazias coincidam com qualquer outra rota.

  7. Qual serviço usamos para ler parâmetros da URL (ex: :id)?

    • ( ) Router
    • ( ) Location
    • (x) ActivatedRoute
    • ( ) UrlService
    • Explicação: ActivatedRoute fornece informações sobre a rota que está ativa no momento.

  8. O que acontece se um caminho na URL não existir e não houver rota curinga?

    • ( ) O Angular exibe uma tela azul
    • ( ) O site explode
    • (x) O console exibe um erro e nada é renderizado no router-outlet
    • ( ) O site volta para o Google
    • Explicação: É boa prática criar uma rota para "Página não encontrada" (**).

  9. O que é Lazy Loading (introdução)?

    • ( ) Um erro de performance
    • ( ) Carregar imagens bem devagar
    • (x) Carregar módulos apenas quando o usuário acessa a rota correspondente
    • ( ) Deletar arquivos que não são usados
    • Explicação: Melhora o tempo de carregamento inicial da aplicação.

  10. A diretiva routerLinkActive serve para:

    • ( ) Ativar o roteamento
    • (x) Adicionar uma classe CSS ao link quando a rota dele estiver ativa
    • ( ) Deletar a rota do histórico
    • ( ) Criar um link externo
    • Explicação: Útil para destacar o item do menu em que o usuário se encontra.