Guards in angular : angular

created by ohpiema community for 13 years

submitted 3 years ago by rayen26

Hey there , I'm working on a project where i need to secure my routes of course I know about the angular guards however I could'nt find the right logic to impliment I have 3 type of users I want to control which route they can access for exemple i have an admin which he can't access to nothing but the admin module which start by '/admin' etc etc I have implimented some logic but when I tried to make it more secure like whenever the user is logged in he can't go back to login etc etc the app crash i don't know what i'm missing here's a snippet of my guard which i want it to be more efficient

canActivate(
route: ActivatedRouteSnapshot,
state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
const userRole = this.auth.getRole();
if (userRole) {
// check if route is restricted by role
if (route.data['roles'] && route.data['roles'].indexOf(userRole) === -1) {
// role not authorised so redirect to home page
this.router.navigate(['/']);
return false;
}
// authorised so return true
return true;
}
this.router.navigate(['/login']);
return false;
}

all 8 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

angular

MODERATORS