title: Single-spa-router: Angular 9
body: <p>I want to add routing pages between header and footer. Header and Footer should not re render for every navigation.</p>
  <p>Code for root-html-file -&gt; index.html</p>
  <pre><code>&lt;single-spa-router&gt;
     &lt;application name='header'&gt; 
     &lt;/application&gt;
  
     &lt;route default&gt;
     &lt;application name='dashboard'&gt;
     &lt;/application&gt;
     &lt;/route&gt;
  
     &lt;route path='help'&gt;
     &lt;application name='help'&gt;
     &lt;/application&gt;
     &lt;/route&gt;
  
     &lt;application name='footer'&gt; 
     &lt;/application&gt;
  
  &lt;/single-spa-router&gt;
  </code></pre>
  <p>Once we navigate to default route 'localhost:4200/' it will render the header, dashboard and footer but after navigating to help, footer will disappear. Header and Route application will render.</p>