Query Parameters in Angular

Query Parameters in Angular — a practical guide to Angular query parameters with clear examples you can reuse in real projects.

Angular Tutorial Series (42/119). Prefer one article? Read the complete Angular tutorial.

Short description

Use queryParams / queryParamsHandling on navigate.

Query params

this.router.navigate(['/products'], {
  queryParams: { page: 2 },
  queryParamsHandling: 'merge',
});