如何在Angular2上默认从子路径加载组件

Question

I have a child route path in my @NgModule defined as:

RouterModule.forRoot([
  {
    path: '',
    redirectTo: 'orders',
    pathMatch: 'full'
  },
  {
    path: 'orders',
    component: ListComponent,
    children: [
      {
        path: 'view/:id',
        component: ViewOrderComponent
      },
    ]
  }
]),

The problem i have is that when i load in the browser the page /orders loads fine, when i navigate to /orders/view/100 still works, but if i refresh the browser(with the url /orders/view/100) it loads but goes to /orders, it doesnt load /orders/view/100 as expected, i now is loading the page /orders/view/100 because i can see in the Chrome dev tools, but after loading it goes to /orders.

How can i make that after loading the route orders it also loads the route orders/view?

Answer 1

Okay try this. On your second path definition make it an absolute path, "/orders"