Route Parameters in Angular

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

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

Short description

Subscribe carefully or use snapshot when params won’t change in-place.

Params tip

// route: products/:id
this.route.paramMap.subscribe((p) => {
  const id = p.get('id');
});