Three levels of Routing
<p><a href="https://plnkr.co/edit/xf5C1JXHQtmkthpnBzy9?p=preview" rel="noreferrer">Plunkr for 3 Levels of Menu</a></p>

<p>I am trying to have 3 levels of Menu, but can't seem to get it right</p>

<pre><code> RouterModule.forRoot([
        { path: '', component: PagesComponent, pathMatch: 'full'},
        { path: 'Page1', component: Page1Component, outlet: 'leftMenu'},
        { path: 'Page1/Page1Child1', component: Page1Child1Component, outlet: 'contentOutlet'},
        { path: 'Page2', component: Page2Component, outlet: 'leftMenu'}
    ], { enableTracing: true })
</code></pre>

<p>From the Left Menu, I want to load the selected page in the content(center of the page)</p>