title: Nested routing: how to route inside a route?
body: <p>I'm trying to create a nested route (I believe this is the term for it). </p>
  
  <p>With one main route which supplies four entirely different pages (main-component.html is just the router outlet tags).</p>
  
  <p>And inside the first route path, i want to have in one part of the page (center div) a second routing which will be navigated by arrow buttons (forward and backward). The content for this div is complex (including communication with a backend server) so a construction with *ngIf and different templates is not ideal).</p>
  
  <p>Can this be done with two routes? And if so, how?</p>