Angular router with optional query parameters

Question

I have router

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

And I want to be able to open it as a direct link (/reset-password), or with passed parameters (/reset-password?uid=gsSxc&code=DsdxFSd), and so when creating a router snapshot I want to see the passed parameters.

How can I do this? Do I need to create two different routers for this?

/reset-password&uid=gsSxc&code=DsdxFS put ? after /reset-password to be /reset-password?uid=... — Vova Bilyachat
– Vova Bilyachat, Commented Mar 21, 2019 at 0:50
@VolodymyrBilyachat yes, but how should I define path in my router? — Volodymyr Humeniuk
– Volodymyr Humeniuk, Commented Mar 21, 2019 at 0:52

Pang · Accepted Answer · 2024-11-11 03:07:26Z

6

You don't need to have separate route since all query params are always optional and you should handle required parameters inside of your component.

Or define your required parameters in url to be path: 'reset-password/:uid', and path optional parameters via query String reset-password/1234?queryString=true

edited Nov 11, 2024 at 3:07

Pang

10.2k146 gold badges87 silver badges126 bronze badges

answered Mar 21, 2019 at 0:52

Vova Bilyachat

19.5k4 gold badges60 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zze Over a year ago

You could also handle them in a route guard.

Collectives™ on Stack Overflow

Angular router with optional query parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related