我的angular应用程序包含一个锚标记,它有一个与之关联的 routerLink
和 click
处理程序:
<a [routerLink]="/abc" (click)="onClick"> </a>
我想在用户右键单击并选择"Open in New Tab"时使用 routerLink
.
如果用户只是左键单击链接,则应触发 click
处理程序 . 在这种情况下,我做 NOT 希望 routerLink
触发路由更改 .
在我的点击处理程序中,我尝试中止点击事件,即
public onClick(event: MouseEvent): {
// Was hoping this would do it...
event.preventDefault();
// .. clutching at straws
event.stopPropagation();
// .. oh dear oh dear. Still not working
event.stopImmediatePropagation();
}
这些都不会阻止 routerLink
激活和导航新路由 /abc
. 如何让我的 click
处理程序阻止 routerLink
被解雇?