Estoy haciendo una aplicación dónde el usuario tenga que iniciar sesión para poder acceder a las demás rutas, en el caso de que no pueda acceder a su cuenta, no le dejaría navegar y se quedaría siempre en la página de inicio de sesión.
El problema aparece cuando el usuario accede a su cuenta de forma correcta y debería permitir navegar por toda la aplicación, pero de alguna manera cuando hace uso de la función canActivate
la variable boolean que utilizo para controlar si es correcto o no, los datos introducidos por el usuario, se resetea.
auth.service.ts
login(name: string, password: string): boolean {
if (!name && !password) { return; }
for (let x = 0; x < this.logArray.length; x++) {
if (name === this.logArray[x].name && password === this.logArray[x].password) {
return this.isLoggedIn = true;
}
}
}
auth-guard.service.ts
canActivate(): boolean {
if (this.authService.isLoggedIn) { return true; }
this.router.navigate(['/login']);
return false;
}
app-routing.module.ts
const routes: Routes = [
{ path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: 'login', loadChildren: './log/log.module#LogModule' },
{ path: 'users', component: UsersComponent, canActivate: [AuthGuardService]
];
Explicación
En el archivo auth.service.ts
compruebo los datos introducidos por el usuario y si están correctos, establezco la variable isLoggedIn
a true
, para más tarde, en el archivo auth-guard.service.ts
compruebe el valor de la variable isLoggedIn
pero siempre lo detecta como false
.
Lo que tengo de código es demasiado simple y no sé dónde puede estar reseteando el valor de variable.
this.isLoggendIn=false
y mira si alguien lo llama, con el código que has puesto no se puede reproducir el error.