Angular Query string and parameters example

angular-query-string-and-parameters-example.ts

import { Router, ActivatedRoute, Params } from '@angular/router';

  constructor(
    private router: Router,
    private route: ActivatedRoute,
  ) { }


   
const queryString = this.route.snapshot.queryParamMap.get('queryString');


 this.route.queryParams.subscribe(params => {
        const queryString = params['queryString'];
    });

   
    this.route.params.subscribe((params: Params) => {
     const parameterID  params['paramterID']

    });

    const parameterID = this.route.snapshot.paramMap.get('parameterID');

   const parameterID = this.route.snapshot.params.parameterID;


         this.router.navigate(['/url', paramsID]);
         this.router.navigate(['/url'], { queryParams: { query: 'queryvalue' } });

--------------------------------------------
    private route: ActivatedRoute,
    --------------  
      
  {
    path: 'xxxxx',
    component: xxxxxComponent,
    data: { page: 'xxx-flow' }
  },

   this.pageFlow = this.route.snapshot.data.page;
or

    this.route.data.subscribe(data => {
     debugger;
    });