Angular Material 表行 - 我如何在新选项卡中右键单击打开

Question

我正在使用 Angular Material 表来生成由我的服务器填充的表。

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]);
}

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

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

谢谢，

Answer 1

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

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

请找引用 here