title: How to use separate layout for login component in angular 2?
body: <p>I am new in angular. I create a login component , it works fine fine but issue is that I want a separate layout of login from whole app. What changes required for that?</p>
  
  <p>I search on google but everyone give diff solution which not understandable also.</p>
  
  <pre><code>const appRoutes: Routes = [
  { path: 'alert/:id', component: AlertDetailComponent },
  { path: 'alerts', component: AlertsComponent },
  { path: 'dashboard', component: EriskDashboardComponent },  
  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
  { path: 'login', component: LoginComponent },  
  ];
  </code></pre>
  
  <p>In app.component.html</p>
  
  <pre><code>&lt;!-- page content --&gt;
  &lt;div class="right_col" role="main"&gt;
      &lt;router-outlet&gt;&lt;/router-outlet&gt;           
  &lt;/div&gt;
  &lt;!-- /page content --&gt;
  </code></pre>