title: Angular 2 - Standalone Component (without layout)
body: <p>Is it possible to create "standalone" components, meaning components without the basic app layout?</p>
  
  <p>In my app.component.html I defined the navigation, header and footer. But now I want a login component that uses a different base layout.</p>
  
  <p>My app.component.html looks like this:</p>
  
  <pre><code>&lt;!-- Wrapper--&gt;
  &lt;div id="wrapper"&gt;
      &lt;!-- Left navigation bar --&gt;
      &lt;app-navigation&gt;&lt;/app-navigation&gt;
  
      &lt;!-- Main page wrapper --&gt;
      &lt;div id="page-wrapper" class="gray-bg"&gt;
  
          &lt;!-- Top navigation --&gt;
          &lt;app-topnavbar&gt;&lt;/app-topnavbar&gt;
  
          &lt;!-- Main view/routes wrapper--&gt;
          &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
          &lt;!-- Footer --&gt;
          &lt;app-footer&gt;&lt;/app-footer&gt;
      &lt;/div&gt;
      &lt;!-- End page wrapper--&gt;
  
  &lt;/div&gt;
  &lt;!-- End wrapper--&gt;
  </code></pre>
  
  <p>And I want the router-outlet of the register and login component to be wrapped in a layout like this:</p>
  
  <pre><code>&lt;!-- Wrapper--&gt;
  &lt;div id="wrapper"&gt;
  
          &lt;!-- Main view/routes wrapper--&gt;
          &lt;router-outlet&gt;&lt;/router-outlet&gt;
  
  &lt;/div&gt;
  &lt;!-- End wrapper--&gt;
  </code></pre>
  
  <p>How can I achieve this?</p>