Login and redirect to home page, home has menu in angular 2

Hrides Thakur

i have this below structure in my angular 2 project.

app.component has router-outlet. i have login component which is the first screen when open the application.

it comes corrent it opens my login page when i login and redirect to home screen which has my application menu bar it opens correctly, but when i click on the menu and redirect to another screen, it redirect corectly but my mene gone. please let me know the proper structure where i should write router-outlet or correct structur for login.component and app.component.

i bootstrap my app.component in app.module

Please check here my application https://angular-full.stackblitz.io

userid: 12345

password:12345

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hrides Thakur8y ago
@Manav Pandya thanks for the reply.

@Bhairab Dutt the router-outlet is in the app.component which is the landing page for the application where i call login page, but i can not add menu here because i have to show after the login. and i dont want to set menu visivility false befor the login and visible after login it could be breack if i do incpect element and set that variable true.

thanks
0
Bhairab Dutt8y ago
Hi ,
The problem is the seperate page for menu and router-outlet . First you need to know what is the purpose of router-outlet . We are using router-outlet for render the view according to routing so component which you have added in routing their html page will render in router-outlet .

The menu page must be in same page where router-outlet .

Hope Its help you .Please accept the ans if its helps to you.
Thanks

0
Manav Pandya8y ago
Hello

I got idea about that, i found that i think you have used menu in another page

It should be in Menu page which will be common for all other page, or you can create common component for menu and use the same

do one thing, just provide me access or send me zip, i will fix it soon

Thanks
0