title: Angular 4: changing url, but component is not rendered
body: <p>I'm trying to link a component from one component using <code>routerLink = "selected"</code></p>
  
  <pre><code> const routes: Routes = [
        {
          path: '',
          children: [
            {
              path: 'account',
              component: AccountComponent,
              children: [
                {
                  path: 'selected',
                  component: SelectedComponent,
                },
              ],
            },
  
          ]
        }
      ];
  
      @NgModule({
        imports: [RouterModule.forChild(routes)],
        exports: [RouterModule],
      })
      export class AccountSettingsRoutingModule { }
  </code></pre>
  
  <p>This is AccountComponent</p>
  
  <pre><code>    import { Component, OnInit, AfterViewInit } from '@angular/core';
      import { Router, ActivatedRoute, RouterModule } from '@angular/router';
      import { HttpClient, HttpHeaders } from '@angular/common/http';
      import { Http, Response, Headers } from '@angular/http';
      @Component({
        selector: 'app-list-accounts',
        templateUrl: './accounts-list.component.html',
        styleUrls: ['./accounts-list.component.scss']
      })
      export class AccountComponent implements OnInit {
  
        constructor(private http: HttpClient, private router: Router) { }
       ngOnInit() {}
  }
  </code></pre>
  
  <p>The url is changing to the desired like this dashboard/account/selected, but the view is not loading.</p>