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

Question

我有路由器

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

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

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

Answer 1

你不需要有单独的路由，因为所有的查询参数都是可选的，并且你应该在你的组件中处理所需的参数。

或者通过查询字符串reset-password/1234?queryString=true将url中的必需参数定义为path: 'reset-password/:uid',，将路径定义为可选参数。