右键单击在新选项卡中打开在带有div标签的路由器链路上不可用

Question

我有一个div元素或tr元素，上面有一个路由器链路。

因为它不是a标签，所以没有右键单击和“在新选项卡中打开”或在新选项卡中打开时按住strg单击的选项。

但是我想要实现这个功能，所以如果用户想要在新的标签页中打开链接，他可以这样做。我不能把我的tr改成a标签。

有没有可能让这个功能在没有a标签的情况下“在新标签中打开”？

Answer 1

href重新加载不需要在SPA中使用的页面。

它只在锚定标签上工作，以便在右键单击时显示菜单。例如“在新选项卡中打开”

它可以在按钮上使用。

您可以使用下面的代码来实现您的目的。

在新选项卡中默认打开= target="_blank“

<a target="_blank" [routerLink]="'/edit/'+prop.id"> 

<a [routerLink]="'/edit/'+prop.id">

Answer 2

不能，只有链接有href属性。

从那里，有两个选项：

• 动态创建链接
• 追加链接作为element

的直接子元素

动态创建链接：

<tr (click)="inNewTab()">

inNewTab() {
  const link = document.createElement('a');
  link.href = '';
  link.target = '_blank';
  link.click();
  link.remove();
}

使用链接作为直接元素：

<tr>
  <a href="" target="_blank">...</a>
</tr>

tr > a[target="_blank"] {
  display: block;
  height: 100%;
  width: 100%;
}