如何在角12中的点击事件中启用新选项卡中的打开链接

Question

我的点击事件：

html:
<div class="image"   (click)="onClickOperation(product);">
.......
</div>
TS:
onClickOperation(product: any): void {
// debugger
if (this.regularView) {
if (this.details) {
this.openLightbox(product);
} else {
this.router.navigate(['/product', product.productId]);
}
} else {
this.router.navigate(['/store', product.shopId]);
this.productsender.changeMessage(product);
}
}

它工作得很好，我想如何实现右键点击打开新选项卡选项中的链接。我该如何做它需要

Answer 1

如果您希望能够通过右键单击菜单打开链接，则需要将routerLink传递给a标记。有一个解决方案：如何启用"；ctrl+点击"；用"；routerLink"；在角度中

举个例子：

<a routerLink="/user/bob">link to user component</a>

或

<a [routerLink]="['/user/jim']">Jim</a>

你需要"；a"；标记，因为在HTML中只有此标记具有通过HTML功能打开链接的属性。

关于如何使用routerLink的信息，您可以在angular routerLink文档中找到

在您的情况下，可能应该使用*ngIf生成一个条件，以显示具有正确URL的正确元素。

有一个如何制作的例子。有条件地将RouterLink或其他属性指令添加到Angular 2 中的元素

如果你想用你的函数替换上下文菜单，只需看看这个问题：如何在Angular应用程序中处理右键单击事件？