How to keep query string parameters in URL when accessing a route of an Angular 2 app?

Question

I have an Angular 2 test app running the latest alpha (37). There are just three routes, that look like this:

@RouteConfig([
  { path: \'/\', component: Home         


        

Answer 1

Updating for Angular 2:
To preserve query parameters present in the current url, add

// import NavigationExtras 
import  { NavigationExtras } from '@angular/router';

// Set our navigation extras object
// that contains our global query params

let navigationExtras: NavigationExtras = {
      preserveQueryParams: true
    };   

// Navigate to the login page with extras
this.router.navigate(['/someLink'], navigationExtras);

For more info, check here:

Answer 2

This is fixed in Alpha 41. The query string is now persisted.

Answer 3

Try this this.router.navigate(['target'], {preserveQueryParams: true});