title: Angular 5 issue with a named outlet children component (reprise)
body: <p>Thanks a lot for help to mast3rd3mon about my question, but unfortunately with no luck. Perhaps if I upload a schema of what I'm trying to do can clear my problem and specify more precisely what I have in mind.</p>
  
  <p>My HTML code of app.component.html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container-fluid"&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  &lt;div id="main-content" class="container-fluid"&gt;
    &lt;router-outlet name="mainContentOutlet"&gt;&lt;/router-outlet&gt;
    &lt;!--&lt;app-xsoccer-content&gt;&lt;/app-xsoccer-content&gt;--&gt;
  &lt;/div&gt;
  &lt;div id="divider" class="container-fluid"&gt;
    &lt;div class="footer-divider"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="container-fluid"&gt;
    &lt;app-xsoccer-footer&gt;&lt;/app-xsoccer-footer&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And here my routing table:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const appRoutes: Routes = [
      { path: '', component: XsoccerHeaderComponent, children: [
          {path: '', component: BrowserMainMenuComponent},
          {path: 'home', component: BrowserHomeMenuComponent}
      ]},
      { path: '', component: XsoccerContentComponent, outlet: 'mainContentOutlet', children: [
          {path: '', component: WelcomeContentComponent, outlet: 'mainContentOutlet'},
          {path: 'home', component: HomeContentComponent, outlet: 'mainContentOutlet'},
      ]},
      {path: '**', component: PagenotfoundComponent}
    ];</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here my hand drawing, circled number are standing to indicate the sequence with which I would like to render things landing on application and after login.</p>
  
  <p><a href="https://i.stack.imgur.com/0OtLY.jpg" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>Thanks again.</p>