Por que essa configuração de roteamento não está funcionando? O roteador está tentando ir, /posts
mas não deveria ir para /posts
. Atualmente, ele está mostrando uma página em branco. BlankComponentComponent
contém router-outlet e FullComponentComponent
contém header, router-outlet e footer.
Quando o usuário estiver logado, ele deve usar BlankComponentComponent
router-outlet, caso contrário, deve usar FullComponentComponent
. Lembro que usei isso para trabalhar no Angular 14.
export const routes: Routes = [
{
path: '',
component: BlankComponentComponent,
canActivate: [
() => {
return true;
},
],
children: [
{
path: '',
redirectTo: '/auth',
pathMatch: 'full',
},
{
path: 'auth',
children: [...authRoutes],
},
],
},
{
path: '',
component: FullComponentComponent,
canActivate: [
() => {
return false;
},
],
children: [
{
path: '',
redirectTo: 'posts',
pathMatch: 'full',
},
{
path: 'posts',
loadComponent: () =>
import('./post/posts/posts.component').then((c) => c.PostsComponent),
},
],
},
];
A
canActivate
função está retornandofalse
, então o componente pode não ser carregado para postagens.