如何在新选项卡中打开带有查询参数的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>