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

Question

Hi 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

Manav Pandya · Answer

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

Hrides Thakur · Answer

@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

Bhairab Dutt · Answer

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