How do I use routing parameters in Angular?

How do I use routing parameters in Angular?

In Angular, you can use the ActivatedRoute service to access routing parameters. Would you like a code example?

Yes, please provide a code example.

Sure! First, inject ActivatedRoute in your component's constructor. Then, you can access parameters like this:

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

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.params.subscribe(params => {
    console.log(params['id']); // Access the 'id' parameter
  });
}

What if I want to use query parameters instead?

For query parameters, you can use the queryParams observable:

this.route.queryParams.subscribe(queryParams => {
  console.log(queryParams['search']); // Access the 'search' query parameter
});