Angular routing - retain the query parameter when rerouting to the root route

Question

I'm not sure what I want to do is correct or not, appreciate any input on how to achieve it.

I have an Angular SPA application. It has to be accessed with a default query parameter called clientcode to determine, which profile to be loaded - i.e. all application data changes according to the client. So the root url for the application looks like follows:

localhost/myapplication/?clientcode=j92muslsu9872n (just an example).

My other routes in the application look like following:

localhost/myapplication/location

localhost/myapplication/personal-info

localhost/myapplication/appointment

The question is, when I navigate back to the root route, I need to retain the query parameter. So that I could do a browser refresh and access the application.

https://angular.io/api/router/NavigationExtras#preserveQueryParams — Chellappan வ, Dec 10 '18 at 06:28
I really don't need it on every route, just to be able to add it for a single route. — devC, Dec 10 '18 at 06:47

DeborahK · Answer 1 · 2018-12-10T07:10:51.467

0

Do you want to retain the query parameter on every route? Or just retain the information somewhere so that you can use it again when needed?

If the first, then use preserveQueryParams as suggested in your question comments.

If the second, then use a client-side Angular service to store the query parameter information. Then you can read the value from the service whenever you need to use it again.

For information on reading query parameters and how to activate a route with query parameters, check out the answer here: Send data through routing paths in Angular

          <a [routerLink]="['/home']"
             [queryParams]="{clientcode: currentClientCode}">
            Home
          </a>

edited Dec 10 '18 at 07:10

answered Dec 10 '18 at 06:46

DeborahK

57,520
12
104
129

that's right, I don't want the query param on every route, just to add it to a selected route. How do I add it to the route? – devC Dec 10 '18 at 06:47
Added to my answer. – DeborahK Dec 10 '18 at 07:11

Angular routing - retain the query parameter when rerouting to the root route

1 Answers1