title: How to show Login component first Instead of app-component Angular
body: <p>My app-component</p>
  <pre><code> &lt;mat-drawer-container&gt;
  &lt;mat-drawer mode=&quot;side&quot; [opened]=&quot;sideBarOpen&quot;&gt;
  &lt;app-sidenav&gt;&lt;/app-sidenav&gt;
  &lt;/mat-drawer&gt;
  &lt;mat-drawer-content&gt;
    &lt;app-header (toggleSidebarForMe)=&quot;sideBarToggler()&quot;&gt;&lt;/app-header&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/mat-drawer-content&gt;
  </code></pre>
    
  <p>app-routing.module.ts</p>
  <pre><code>{ path: '', redirectTo: 'login', pathMatch: 'full' },
  
  { path: 'login', component: LoginComponent },
  
  { path: 'dashboard', component: DashboardComponent },
  </code></pre>
  <p>I want to show login page without the sidebar and navbar component. When user hits the URL login page will show with navbar and sidebar. After successful login Dashboard page should be shown. How to achieve this?</p>