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

Question

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

对于每一行，用户可以单击以打开进入新页面的详细版本。

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

——

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

然而，最终用户正确地指出，在有角材料表中，您不能右键单击并“在新选项卡中打开”，没有此选项。

我假设是因为 mat-row 不像锚标签那样工作。有什么办法可以让它像这样工作。

谢谢，

Answer 1

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

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