The AOC Framework
github logodiscord logo

FRONTEND

Enrutado #

El enrutado suele configurarse en el archivo app-routing.module.ts, aunque podría hacerse de otras maneras. Esto depende totalmente de sus preferencias.

Aquí tiene un ejemplo sencillo:

const routes: Routes = [
  {
    path: 'login',
    component: AocLoginComponent,
    canActivate: [AocLoginGuard],
    data: {
      title: of('Login')
    } as AocTabConfig
  },
  {
    path: '',
    canActivate: [AocAuthGuard],
    children: [
      { // DASHBOARD
        path: 'dashboard',
        component: DashboardComponent,
        data: {
          title: of('Dashboard'),
          closable: false
        } as AocTabConfig
      },
      {
        path: 'users',
        loadChildren: () => import('./features/schemas/users/users.module').then(m => m.UsersModule)
      },
      {path: '', redirectTo: 'dashboard', pathMatch: 'full'},
      {path: '**', redirectTo: 'dashboard', pathMatch: 'full'}
    ]
  }
];

El dashboard sería una pestaña (Tab), el login es obligatorio ya que es la página de entrada, y la ruta de users abriría una ventana (Window).

Por favor, busque en Issues y Discussions en Github para más información

© 2024 Atlantis of Code. All rights reserved.
All trademarks are the property of their respective owners.