In Angular 4, how do I preserve query parameters in a redirected route?

user_6814773 0
Viewed 2249

I have this route redirection in app-routing.module.ts:

{ path: '', redirectTo: '/home', pathMatch: 'full' }

Let's assume I have in index.html the line <base href="/mysite"> inside <head> and the site is visited with URL example.com/mysite?kiosk=true.

How do I preserve the query parameter kiosk=true through the redirection above?

I can get the query parameters with this code inside app.component.ts, but only when the route redirect above is commented out:

ngOnInit(): void {
    this.route.queryParams.first().subscribe((params: Params) => {
        console.log(params);
    });
}

How do I get it to work with the above redirect NOT commented out? Is there an easy way to globally set "always preserve query parameters" or do I have to do some hack inside app.component.js that gets the query params, then redirects to '/home' only if the path is empty?

angular
1 Answers
Related