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

Question

我正在尝试导航到单击事件的新选项卡，我需要传递查询参数

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

功能

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

目前，我可以在当前选项卡中打开。 但是，我需要它在带有查询参数的新选项卡中打开。我也尝试过[RouterLink]，但遇到了同样的问题。

Answer 1

您可以在模板中使用routerLink

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