title: On Browser reload Angular js 2 nested routes component not loading
body: <p>I have a routeconfig which creates a child route under a parent component, I noticed that all goes when I use (by clicking a href tag with the routelink set to the child route) a route link to access the nested route, but when I refresh the browser when on the child route or enter the child routelink directly in the browser it fails to load the child component i.e only the parent component loads. </p>
  
  <p>url with issue - localhost:3000/#/dashboard/reservation</p>
  
  <p>My route config is below</p>
  
  <p>Main app component routes to parent component (Dashboard)</p>
  
  <pre><code>@RouteConfig([
    ...
    { path: '/dashboard/...', name: 'Dashboard', component: Dashboard}, 
    ...
  ])
  
  Dashboard component creates child route
  @RouteConfig([
    { path: '/reservation', name: 'Reservation', component: Reservation , useAsDefault: true},
  ]);
  </code></pre>