时间戳

首页 > 解决方案 > Angular 6中的鼠标中键

angular - Angular 6中的鼠标中键

问题描述

如何在Angular 6中用鼠标中键在新选项卡中打开路由器链接？我想在新标签中打开每个链接。例如

<button mat-icon-button color="accent" [routerLink]="['/edit', a.Id]"> <mat-icon>edit</mat-icon> </button>

标签： angular

解决方案

当在元素上按下并释放任何非鼠标左键时，将触发 auxclick 事件。

<button mat-icon-button color="accent" [routerLink]="['/edit', a.Id]" 
  (auxclick)="onClick($event)">
          <mat-icon>edit</mat-icon>
</button>

组件.ts

onClick(e){
   e.preventDefault();
   if(e.which==2){
     window.open('/users/'+a.Id);
   }

}

推荐阅读