title: Child Routes not being hit
body: <p>I have an issue with my routes, whereby my children are never being hit..
  take for example the following url routes array:</p>
  
  <pre><code>const APP_ROUTES: Routes = [
    { path: '', redirectTo: '/apps', pathMatch: 'full'},
    { path: 'auth', component: AuthenticationComponent },
    { path: 'apps', component: ApplicationbrowserComponent},
    { path: 'apps/:id', component: VersionbrowsingComponent,
      children: [
        {path: '', component: AuthenticationComponent, pathMatch: 'full'},         
        {path: 'versions', component: AuthenticationComponent},
        {path: 'versions/:id', component: AuthenticationComponent}
      ]
    },
    { path: '**', component: PagenotfoundComponent}
  ];
  </code></pre>
  
  <p>the children of <code>apps/:id</code> never get hit, only the parent seems to. For example if i was to type this into the url:</p>
  
  <p><code>mysite/app/myapp</code> I will (as expected) hit the 'apps/:id' route.</p>
  
  <p>But if I put:</p>
  
  <p><code>mysite/app/myapp/versions</code></p>
  
  <p>I never reach the children, it ends up in the <code>apps/:id</code> route (the versionbrowsingcomponent loads). </p>
  
  <p>What am I doing wrong here?</p>