如何在新選項卡中使用查詢參數打開 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>