Angular 2 conditional redirect of homepage

Question

I made a guard to conditionally redirect from the homepage, in the app.routing.ts:

{ path: '', redirectTo: '/dashboard', pathMatch: 'full', canActivate: [HomePageGuard] }

My guard looks something like this:

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
if(condition){
  return true;
} else {
  this.router.navigate(['/info']);
  return false;
}
}

Now for every other path, this works great. But for

{ path: '', redirectTo: '/dashboard', pathMatch: 'full'}

The guard doesn't seem to do anything, it always redirects to /dashboard, no matter what the guard returns. I don't want to put the guard into the /dashboard path, because this path should still be available for everyone, just not as the start page...

Any help would be greatly appreciated

edit: How i solved it for now:

{ path: '', component: HomePageComponent, canActivate: [HomePageGuard] }

(note that the HomePageComponent is empty, since it gets redirected in the [HomePageGuard] either way)

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
if(condition){
  this.router.navigate(['/dashboard']);
  return false;
} else {
  this.router.navigate(['/start']);
  return false;
}
}

Your route entry with the guard looks bonkus - shouldn't it be "{ path: '', canActivate: [HomePageGuard] } — derkoe, Aug 19 '17 at 17:36
it redirects to `dashboard` but what do you want check on dashboard ? — Rahul Singh, Aug 19 '17 at 18:34
Sorry i'm late to answer, @Vega which code do you mean, the whole app.routing.ts ? — JustYourCasualProgrammer, Aug 20 '17 at 10:05
@koe i need to have either a redirect or a component, simply using { path: '', canActivate: [HomePageGuard] } throws an error — JustYourCasualProgrammer, Aug 20 '17 at 10:06
@RahulSingh i don't necessarily want to check something on the dashboard, i want to redirect users from the base path (path:' ') to either /dashboard or /start, based on a condition (which is in the [HomePageGuard] and works for every other path, but not for the empty one). Thanks for helping btw — JustYourCasualProgrammer, Aug 20 '17 at 10:06
@Vega there isn't exactly a homepage, it's either /start or /dashboard, depending on the user settings. Do i need one? I thought i could just redirect to the right one — JustYourCasualProgrammer, Aug 20 '17 at 10:26
@RahulSingh the site isn't online as of now, we just have a test api with a db containing some mock data, so there isn't a base href if i understood your question correctly? why does it matter? — JustYourCasualProgrammer, Aug 20 '17 at 10:35
@JustYourCasualProgrammer no the base href in index.html of angualr — Rahul Singh, Aug 20 '17 at 10:36
i seem to have found a solution that works, but there would probably a better way to solve this (see my edit in the main post) — JustYourCasualProgrammer, Aug 20 '17 at 10:56
Does this answer your question? [Angular 5: Conditionally Set Default Route](https://stackoverflow.com/questions/50700718/angular-5-conditionally-set-default-route) — Harish KM, Jan 15 '21 at 11:51

score 0 · Answer 1 · answered Jan 14 '20 at 07:17

0

As mentioned here, the guard isn't invoked at all when a redirect is specified.

answered Jan 14 '20 at 07:17

Harish KM

1,303
7
17

1

Instead of posting an answer which merely links to another answer, please instead [flag the question](/help/privileges/flag-posts) as a duplicate. – Sabito stands with Ukraine Nov 13 '20 at 08:25
Thanks, @Yatin. I've flagged the question as a duplicate. – Harish KM Jan 15 '21 at 12:04

Angular 2 conditional redirect of homepage

1 Answers1