Angular 2 Multiple routes for logged in user and guest

[Rakesh Roy]

I want to create a blog where user can signup and can post image story with angular2.

Now when user visit my site they will see only signup and login form [Signup and login component with routes /signup[default] and /login ]

Now when they logged in into site they will see  header , side menu [post, help, settings  everything under /dashboard like /dashboard/post , /dashboard/settings]

when user in dashboard they will see content mid of the page for all the /dashboard routes.

now how to configure routes for that and how to use two <router-outlet></router-outlet> [ for signup and login]  and <router-outlet></router-outlet> [ for dashboard components].

Thank you

[Sander Elias]

Hi Rakesh,

You can add a top level route, that distinguishes on login state.

Once you log in, you pull in a component that serves what you now use at the top level.

Another solution is to use ngIf to check the login-state. something like this will do:

<span *ngIf="userAuthenticated"><router-outlet></router-outlet></span>
<span *ngIf="!userAuthenticated"><sign-in-on></sign-in-on></span>

Does that help you a bit?

Regards

Sander