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