CODEWITHSUNDEEP
javascriptangularroutes
arun kumar
arun kumar

Reputation: 1171

How to open router.navigate /router link with query params in new tab

I'm trying to navigate to a new tab on a click event, and I need to pass query param

<div  (click)="viewDetails()">view<div>

function

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

viewDetails(){
    let navigationExtras: NavigationExtras = {
    queryParams: {
       "selectedAssessmentId": 10
    }
  };
 this.router.navigate(['./view'], navigationExtras)
}

Currently, am able to open in current tab. but, I need it to be open in new tab with query params. I tried with [RouterLink] also but faced the same issue.

Upvotes: 1

Views: 4256

Answers (1)

chestas
chestas

Reputation: 124

you can use routerLink in your template

<a [routerLink]="['/view']" [queryParams]="{id: 10}" target="_blank">view</a>

Upvotes: 2

Related Questions