title: render component in mat-sidenav-content
body: <p>I created an angular material sidenav with the following HTML template:</p>
  
  <pre><code>&lt;mat-sidenav-container&gt;
  &lt;mat-sidenav&gt;
   &lt;!--menu component added here--&gt;
  &lt;/mat-sidenav&gt;
  
  &lt;mat-sidenav-content&gt;
    &lt;app-home&gt;&lt;/app-home&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  
  <p>When the template is loaded for the first time the app-home component will be rendered. When a menu item is selected the relevant component will be rendered in the mat-sidenav-component but the app-home will still appear. Can I hide it when a menu item is selected?</p>