return boolean instead of subscribe to canActivate
canActivate can return an observable too, see the definition CanActivate-interface. Just change your return types accordingly.
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
let url: string = state.url;
return this.checkLogin(url);
}
public checkService:boolean;
checkLogin(url: string):Observable<boolean> {
return this.loadAppSettings().map(res=>{
console.log(this.checkservice);
if (this.checkservice == true)
{
return true;
}
else{
this.router.navigate(['/error-user']);
return false;
}
});
}
Aakash Thakur
Enthusiast, loves to code + play guitar, gregarious, party freak. If able to help, will do my best to reach out to an answer.
Updated on April 20, 2020Comments
-
Aakash Thakur about 4 years
I have a component protected with canActivate guard. The Authguard in the
checkLogin
function subscribes from an observable but I do not know how to return a boolean value from it to canActivate.guard.service.ts
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { let url: string = state.url; return this.checkLogin(url); } public checkService:boolean; checkLogin(url: string):boolean { return this.loadAppSettings().subscribe(res=>{ console.log(this.checkservice); if (this.checkservice == true) { return true; } else{ this.router.navigate(['/error-user']); return false; } }); }//checkLogin throws error as type subscription is not assignable to type boolean
So what I want is if the
this.checkService
is true it should just return true and the user should be able to land on the guarded route but if it is false he should be navigated toerror-user
.Angular2 - return boolean with subscribe to canActivate this question is similar to mine but couldn't resolve my issue with it.
Can somebody help here.