title: Angular 2 Child route module display the correct url but displays another component
body: <p>I cleaned up my root route file, by creating a child custom module for routes, and here is the script:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { SigninComponent } from './signin/signin.component';
  import { SignupComponent } from './signup/signup.component';
  
  const childRoutes: Routes = [
  
      {path: 'signin', component: SigninComponent},
  
      {path: 'signup', component: SignupComponent}
  
  ];
  
  @NgModule({
    imports: [
      RouterModule.forChild(childRoutes)
    ],
    exports:[RouterModule]
  })
  export class ChildRoutingModule { }
  </code></pre>
  
  <p>The root route module now is:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { SigninComponent } from './auth/signin/signin.component';
  import { SignupComponent } from './auth/signup/signup.component';
  import { NotfoundComponent } from './notfound/notfound.component';
  import { ChildRoutingModule } from './auth/auth.route'
  
  const appRoutes: Routes = [
      {path: '', redirectTo:'/signup', pathMatch:'full'},
  
      {path: '**', component: NotfoundComponent}
  ];
  
  @NgModule({
    imports: [
      RouterModule.forRoot(appRoutes)
    ],
    exports:[RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>
  
  <p>I imported the 2 route modules into the app.module.ts:</p>
  
  <pre><code>import ...
  import ...
  import { AppRoutingModule } from './routes'
  import { ChildRoutingModule } from './auth/auth.route'
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      AppRoutingModule,
      ChildRoutingModule,
      BrowserModule,
      AuthModule,
      RouterModule 
    ],
    providers: [AuthService],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>The problem now is on the startup component of the app that is the signup component, the url is correct: <code>http://localhost:4200/signup</code> but the displayed component is the 404 component which is defined in the root route component by <code>{path: '**', component: NotfoundComponent}</code></p>
  
  <p><strong>To mention that no errors are displayed at the console at all</strong></p>