angular - 如果您还使用 children 参数，请使用 redirectTo，这可能吗？

Question

因为您现在可能已经在最新的 @angular/router 3.0.0-rc.1 中，如果您还使用 则不允许用户 redirectTo 参数code>children 参数。

但可以肯定的是，在某些情况下，这是您需要的东西，就像我的情况一样。例如，我想要的是将所有对父路由器的请求重定向到第一个子节点。

这是我的路由器:

{
    path: 'project/:id',
    component: ProjectComponent,
    children: [
      {
        path: 'properties',
        component: ProjectPropertiesComponent
      },
      {
        path: 'stats',
        component: ProjectStatsComponent
      }
    ]
  }

在我的例子中，我希望每个进入 project/:id 路由的人都被重定向到第一个 child (properties)。

这有可能吗？

如果我这样尝试:

{
    path: 'project/:id',
    component: ProjectComponent,
    redirectTo: 'properties',
    children: [
      {
        path: 'properties',
        component: ProjectPropertiesComponent,
      },
      {
        path: 'stats',
        component: ProjectStatsComponent
      }
    ]
  }

我当然会遇到这个错误:

EXCEPTION: Error: Invalid configuration of route 'project/:id': redirectTo and children cannot be used together

Answer 1

一个空的子路由应该可以完成这项工作:

  {
    path: 'project/:id',
    component: ProjectComponent,
    children: [
      {
        path: '',
        redirectTo: 'properties',
        pathMatch: 'full'
      },
      {
        path: 'properties',
        component: ProjectPropertiesComponent,
      },
      {
        path: 'stats',
        component: ProjectStatsComponent
      }
    ]
  }