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

【问题标题】：How to load components from child path by default on Angular2如何在Angular2上默认从子路径加载组件
【发布时间】：2017-05-21 10:41:26
【问题描述】：

我的@NgModule 中有一个子路由路径定义为：

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

我遇到的问题是，当我在浏览器中加载页面 /orders 时加载正常，当我导航到 /orders/view/100 时仍然有效，但是如果我刷新浏览器（使用 url /orders/view/ 100）它加载但转到/orders，它没有按预期加载/orders/view/100，我现在正在加载页面/orders/view/100，因为我可以在Chrome开发工具中看到，但加载后它会转到/订单。

如何在加载路线订单后同时加载路线订单/视图？

【问题讨论】：

严重错误：看起来我有一个 this.router.navigate(['/orders']);导致这个问题的原因

标签： javascript angular routes

【解决方案1】：

好的，试试这个。在您的第二个路径定义中将其设为绝对路径，“/orders”

【讨论】：

看起来不是一个有效的配置：“未处理的承诺拒绝：路由'/orders'的无效配置：路径不能以斜杠开头”