title: Navigate outside router-outlet
body: <p>I have followed the official documentation:
  <a href="https://angular.io/docs/ts/latest/guide/router.html" rel="nofollow">https://angular.io/docs/ts/latest/guide/router.html</a></p>
  
  <p>But when I want to navigate to LoginComponent inside the AuthGuard, I do not want to navigate inside the parent component (AppComponent) that holds router-outlet tag. I want to redirect the LoginComponent outside the parent component(AppComponent) that has router-outlet tag. As a single, stand-alone component LoginComponent, I do not want that the LoginComponent has the master html of the AppComponent. </p>
  
  <p>Is this possible? how?
  <strong>Full example:</strong> <a href="http://plnkr.co/edit/34ajPEi1OucEXNw4L2Do?p=preview" rel="nofollow">http://plnkr.co/edit/34ajPEi1OucEXNw4L2Do?p=preview</a></p>
  
  <p><strong>Update:</strong>
  Also when I tried in the AppComponent.html to condition the router-outlet as the following:</p>
  
  <pre><code>&lt;div *ngIf="isAuth()"&gt;
  &lt;h1 class="title"&gt;Head Router&lt;/h1&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  &lt;div *ngIf="!isAuth()"&gt;&lt;app-login&gt;&lt;/app-login&gt;&lt;/div&gt;
  </code></pre>
  
  <p>on the console I get the following error:</p>
  
  <pre><code>browser_adapter.ts:82EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'LoginComponent'
  </code></pre>
  
  <p><strong>full error example:</strong> <a href="http://plnkr.co/edit/rEEZrB?p=preview" rel="nofollow">http://plnkr.co/edit/rEEZrB?p=preview</a></p>