Angular 带有可选查询参数的路由器

Question

我有路由器

{
  path: 'reset-password',
  component: ResetPasswordComponent,
}

并且我希望能够将其作为直接 link (/reset-password) 或使用传递的参数 (/reset-password?uid=gsSxc&code=DsdxFSd) 打开，因此在创建路由器快照时我想查看传递的参数。

我该怎么做？我需要为此创建两个不同的路由器吗？

Answer 1

您不需要单独的路由，因为所有查询参数始终是可选的，您应该在组件内部处理必需的参数。

或通过查询字符串reset-password/1234?queryString=true

将url中的所需参数定义为path: 'reset-password/:uid',和路径可选参数

Angular router with optional query parameters