角材料表行-如何右键单击新选项卡中的打开

Question

我正在使用角度材质表来生成由服务器填充的表。

https://material.angular.io/components/table/overview

用户可以为每一行单击以打开详细的版本，该页面会转到新页面。

<mat-row *matRowDef="let row; columns: displayedColumns;" (click)="show(row)"></mat-row>

-

show(job) {
    this.router.navigate(['reports/', job.job_id]);
}

但是，最终用户正确地指出，在角材表格中您无法右键单击并“在新选项卡中打开”没有此选项。

我假设是因为行行不像锚标签那样工作。有什么办法可以使它像这样工作吗？

谢谢

Answer 1

您可以尝试使用 mat-menu 并添加 [hasBackdrop]=false 属性，并添加一个在单击菜单内的按钮时将被触发的方法

 openSite(siteUrl) {
    window.open(siteUrl, "Hello");
  }

请找到参考here

Answer 2

你可以这样做！

show(job) {
  const url = this.router.serializeUrl(
    this.router.createUrlTree([`reports/${job.job_id}`])
  );

  window.open(url, '_blank');
}