Descomprimir el archivo diamond-ng-15.0.1.zip

Asegurarse de tener instalaldo angular, ejecutar el siguiente comando: npm install  luego iniciar el servidor con ng s  luego debemos verificar que se abra la pantalla de bienvenida en el navegador

Creamos los módulos empezando con el de autenticación ng g m auth –routing

Creamos un módulo prime-ng para almacenar todos modulos de primeng  ng g m prime-ng

Dentro de cada modulo creamos services, interfaces, guards y pages

ng g s auth/services/auth –skip-tests

ng g c auth/pages/login –skip-tests –style=none

Redirecionamos la rutas al login si no esta autenticado


const routes: Routes = [
  {
    path:'',
    children: [
      {path: '', component: LoginComponent},
      {path: 'login', component: LoginComponent},
      {path: '**', redirectTo: 'login'},
    ]
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class AuthRoutingModule { }

En componente login copiamos el codigo del template login y nos aseguramos que en modulo de auth este importado lo necesario

@NgModule({
  declarations: [
    LoginComponent
  ],
  imports: [
    AppConfigModule,
    CommonModule,
    PrimeNgModule,
    AuthRoutingModule
  ]
})
export class AuthModule { }

Verificamos que se pueda ingresar al login

Creamos el módulo, pages, services dashboard y listooooo

 

 

 

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *