Exercícios: Aula 09 📝

Pratique a navegação no Angular Moderno.

Básico

1. Provedor de Rota: Qual função substitui o RouterModule.forRoot() para configurar rotas em uma aplicação standalone?
2. Importação no Componente: Se eu quero usar o router-outlet em um componente standalone, o que devo adicionar ao seu decorator @Component?

Intermediário

1. loadComponent: Qual a principal diferença entre a propriedade component e a propriedade loadComponent na definição de uma rota?
2. Configuração de App: No arquivo main.ts, onde passamos a configuração do roteador para a função bootstrapApplication?

Desafio

1. Refatoração de Lazy Loading: Transforme a rota abaixo, que usa módulos, para o formato standalone usando componente:

   // Formato antigo (Módulo)
   { path: 'admin', loadChildren: () => import('./admin/admin.module').then(m => m.AdminModule) }
   

   Escreva como ficaria a nova versão.