How to pass query parameters with a routerLink ?

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

@Component({

    selector: 'app-property',
    template:
        // Property Binding 
        `<p [textContent]="title"></p>`
})

export class AppComponent implements OnInit {

    constructor() { }
    ngOnInit() { }

    title = 'Property Binding example in GeeksforGeeks';

}

import { NgModule } from '@angular/core';
import { BrowserModule } from 
            '@angular/platform-browser';

// Importing Routes
import { RouterModule, Routes } 
        from '@angular/router';

import { AppComponent } from 
            './app.component';

import { StateComponent } from 
        './state/state.component';

// Configuring Routes
const routes: Routes = [{ 
    path: 'punjab', 
    component: StateComponent 
},];

@NgModule({
    imports: [BrowserModule, R
        outerModule.forRoot(routes)],
        
    declarations: [AppComponent, 
        StateComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

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

@Component({
  selector: 'app-state',
  templateUrl: './state.component.html',
  styleUrls: ['./state.component.css']
})
export class StateComponent implements OnInit {

  capital: string;
  language:string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams.subscribe(
      params => {
        this.capital =  params['capital'];
        this.language=params['language'];
      }
    )
  }

}