Angular router url without param

Question

I want to use id when requesting data but not show it id url.

[routerLink]="['/', category.slug, {id: category.categoryId}]"

This results in url '/cameras;id=3' where id 3 is the cameras category. It works but I would like to have a clean url like '/cameras' only

kemsky · Accepted Answer · 2017-10-25 14:17:06Z

1

Parameters are encoded in url (you can even customize this encoding), but it is not possible to hide them, hiding in this case === completely removing.

You may use workaround using shared service and pass parameters using this service when navigating within application, but in this case you will not be able to share links, because it will not contain parameter value.

answered Oct 25, 2017 at 14:17

kemsky

15.4k3 gold badges37 silver badges53 bronze badges

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

2 Comments

Mackelito Over a year ago

Ah ok.. then how can I pass the id.. is there another way than a router param?

AVJT82 Over a year ago

@Mackelito, butting in here, but as to your question, do it like kemsky said in answer, store the id in your service, fetch it in the component you are navigating to :)

Collectives™ on Stack Overflow

Angular router url without param

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related