Angular 2按钮右键单击新标签

Question

我正在使用它导航到我的应用程序的另一个页面。

<a (click)="navigate()">Edit</a>

navigate(){
  this.router.navigate(['/edit-page'])
}

除了单击它导航到编辑页面，我还想右键单击它并在新选项卡中打开它，但是当我右键单击它时没有新选项卡选项。

Answer 1

刚刚想通了...您可以像这样指定两者 [href] 和 [routerLink]:

<a href="/edit-page" [routerLink]="['edit-page']">Edit</a>

右键单击链接时，浏览器菜单将显示在新选项卡中打开、在新窗口中打开的选项。

左键单击链接时，路由器链接将导航到指定页面，而无需重新加载整个应用。