使用单击事件处理程序阻止routerLink更改路由

时间:2016-08-24 17:40:07

标签: angular angular2-routing

我的角应用程序包含一个锚标记,其中包含一个routerLinkclick处理程序:

<a [routerLink]="/abc" (click)="onClick"> </a>

我希望在用户右键单击并选择“在新标签页中打开”时使用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被解雇?

0 个答案:

没有答案