title: this.router.navigateByUrl routing fine, but not displaying HTML content
body: <p>I have my routes as follows:</p>
  <pre><code> {path: 'login', component: LoginComponent},
    {path: 'platform', component: PlatformComponent,
      children: [
      ...
      ...
  </code></pre>
  <p>and app.component.html with just the following content:</p>
  <pre><code>&lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  <p>and then on app.component.ts the following code at the constructor {}:</p>
  <pre><code>  this._router.navigateByUrl(&quot;/login&quot;);
  </code></pre>
  <p>After the user enters the email and password, if validated, Im doing</p>
  <pre><code>this.router.navigate(['../platform/maindashboard'], { relativeTo: this.activeRoute });
  </code></pre>
  <p>I also did</p>
  <pre><code>this.router.navigateByUrl(&quot;/platform/maindashboard&quot;);
  </code></pre>
  <p>but in both cases (even if Im being routed to the correct route) a blank page is displayed. I checked the HTML code on the page and its all there, but nothing is being rendered.</p>
  <p>I've been dealing with this for hours already and I cannot find a solution to this.</p>
  <p>Thanks so much.</p>