如何在新选项卡中使用查询参数打开 router.navigate /router 链接

Question

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.

Answer 1

您可以在模板中使用 routerLink

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