具有可選查詢參數的Angular路由器

Question

我有路由器

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

我希望能夠將其作為直接鏈接（ /reset-password ）或傳遞參數（ /reset-password?uid=gsSxc&code=DsdxFSd ） /reset-password?uid=gsSxc&code=DsdxFSd ，因此在創建路由器快照時我希望看到傳遞參數。

我怎樣才能做到這一點？ 我需要為此創建兩個不同的路由器嗎？

Answer 1

您不需要具有單獨的路徑，因為所有查詢參數始終是可選的，您應該在組件內部處理所需的參數。

或者在url中將所需參數定義為path: 'reset-password/:uid',路徑可選參數通過查詢字符串reset-password/1234?queryString=true