Angular2: Hide current view when routing to other view
<p>I'm working with angular2 rc1. I'm working on a simple game that starts with a menu screen and when clicking on a menu button I would like to navigate to a different view, <strong>replacing</strong> the current view. I then would like to navigate back with a back button.</p>

<p>This is a seemingly simple requirement, however, all routing samples I see using the router-outlet <strong>append</strong> to the current view instead of replacing it. e.g.</p>

<pre><code>&lt;h1&gt;Component Router&lt;/h1&gt;
 &lt;nav&gt;
  &lt;a [routerLink]="['/crisis-center']"&gt;Crisis Center&lt;/a&gt;
  &lt;a [routerLink]="['/heroes']"&gt;Heroes&lt;/a&gt;
 &lt;/nav&gt;
&lt;router-outlet&gt;&lt;/router-outlet&gt;
</code></pre>

<p>This markup appends the new view under the <code>&lt;/nav&gt;</code> element.</p>

<p>Am I missing something obvious? Is there a simple way to do this or do I need to use the <code>&lt;router-outlet&gt;</code> in combination with an <code>*ngIf</code> to hide the current view?</p>