How do I handle query parameters in Angular CLI?

How do I handle query parameters in Angular CLI?

You can handle query parameters in Angular by using the ActivatedRoute service. Would you like a code example?

Yes, please provide a code example.

Sure! First, import ActivatedRoute in your component. Then, you can access query parameters like this:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
})
export class ExampleComponent implements OnInit {
  constructor(private route: ActivatedRoute) {}

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

What if I want to set default values for the query parameters?

You can set default values by checking if the parameters exist and assigning them a default value if they don't. Here's an example:

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    const myParam = params['myParam'] || 'defaultValue';
    console.log(myParam);
  });
}