带有查询参数的角路由模块

Question

Helo --我在路由模块中有一些路线，像这样

  {
    path: 'contracts',
    component: ContractsComponent,
    canActivate: [ContractsGuardService],
    children: [
      {
        path: '',
        component: ContractsSearchComponent,
        canActivate: [ContractsGuardService]
      },
      {
        path: 'contract/:details',
        component: ContractDetailsComponent,
        canActivate: [DetailsGuardService],
        resolve: { contractDetails: DetailsResolver }
      }
    ]
  }

我的问题是，在合同路由中，我总是必须在url params中有这样的?activeOnly=false，而当有人键入url这样的/contracts时，我必须将他重定向到/contracts?activeOnly=false，这是我必须在路由模块中完成的吗？

Answer 1

1. 您可以从子路由中删除canActivate: ContractsGuardService。它应该足够让它在父母身上。
2. 我假设查询参数改变了ContractsSearchComponent的默认筛选。我想，当您没有查询参数时，您希望同时显示非活动和活动。那么查询参数就有意义了。但是，如果如您所写的: allways需要添加参数，那么也许应该让ContractsSearchComponent只显示无效的实体。然后添加query参数，可以在其中设置“二者”或“活动”。

第三种选择是增加更多的儿童路线：

{
    path: 'contracts',
    component: ContractsComponent,
    canActivate: [ContractsGuardService],
    children: [..]
},
{
   path:'contracts-inactive'
   redirectTo:'contracts?activeOnly=false'
},
{
   path:'contracts-active'
   redirectTo:'contracts?activeOnly=true'
}

Answer 2

您是否尝试过将redirectTo属性设置为路由？

{
path: 'contracts',
component: ContractsComponent,
canActivate: [ContractsGuardService],
redirectTo: 'contracts?activeOnly=false',
children: [
  {
    path: '',
    component: ContractsSearchComponent,
    canActivate: [ContractsGuardService]
  },
  {
    path: 'contract/:details',
    component: ContractDetailsComponent,
    canActivate: [DetailsGuardService],
    resolve: { contractDetails: DetailsResolver }
  }
]

}