Tengo un protector angular2 en funcionamiento con canActivate() que llama a un servicio para isLoggedIn() y devuelve una promesa que luego se resuelve y la ruta se maneja de manera adecuada.
Sin embargo, estoy tratando de hacer lo contrario, ver cuándo el usuario no ha iniciado sesión y no funciona.
Intenté algo tan simple como esto (agregando un operador!), con la esperanza de que funcionara:
@Injectable() export class AuthGuard implements CanActivate { constructor(private authService: AuthService) {} canActivate() { return !this.authService.isLoggedIn(); } }Sin embargo, esto siempre devuelve un valor falso y la ruta nunca se activa.
Este es un extracto relevante de mi función isLoggedIn() :
isLoggedIn(): Promise<Boolean> { var component = this; return new Promise((resolve, reject) => { component.queryForUser((user) => { resolve(user != null); }); } }); } Si el usuario no es igual a null , entonces está conectado y la promesa se resuelve con verdadero. De lo contrario, falso.
Si bien podría simplemente agregar un parámetro para especificar qué estado estoy buscando, o incluso crear una función isNotLoggedIn() , con la misma lógica pero invertida, pregunto: ¿Hay alguna manera de negar el valor de la resolución de la promesa para canActivate() ?
return !this.authService.isLoggedIn() no funcionará, debido a cómo funciona JS. this.authService.isLoggedIn() es un objeto de promesa y es veraz. !this.authService.isLoggedIn() siempre será falso.
En cambio, el resultado de la promesa debe asignarse al resultado negado con
canActivate() { return this.authService.isLoggedIn().then(result => !result); }O
async canActivate() { return !(await this.authService.isLoggedIn()); } Los paréntesis alrededor de await ... son opcionales y se usan para mejorar la legibilidad.
Todo lo que necesita hacer es manipular más el valor resuelto de la promesa:
canActivate() { return this.authService.isLoggedIn().then(loggedIn => !loggedIn); }Y si está dentro de una declaración if y async/await está habilitado, mueva la negación dentro del paréntesis.
if (!await client.bucketExists('test')) {}