Angular 角度2+；单击事件（如果正常单击），但路由（如果中键单击）或新建窗口

我正在尝试设置一个链接，这样，如果用户正常单击，页面上的区域将扩展，但如果他们使用中间按钮（或任何类型的“在新窗口中打开”按钮）单击，则用户将导航到该链接

下面是一个不起作用的例子。仅仅设置

href

标记也不会起作用，无论链接如何单击，href和下面的示例都会导航到页面

使用下面的代码也可以设置变量，但是用户很快就可以导航离开

<a class="commentBubble" (click)="showComments = true;" [routerLink]="['/b', blogPost.Id, blogPost.url]">0</a>

0

当用户单击时，您需要调用一个函数，并将单击事件传递给该函数：

<a (click)='onClick($event)'></a>

public onClick(event: MouseEvent): void {
    if (event.which === 2 ){
        /** Middle mouse click */
        this.router.navigate(['/b', this.blogPost.Id, this.blogPost.url])
    } else {
        /** Normal click */
        this.showComments = true;
    }
}