如何在角度 2 的新选项卡中打开路由 url？答案

【问题标题】：How to open a route url in new tab in angular 2?如何在角度 2 的新选项卡中打开路由 url？
【发布时间】：2018-04-18 11:25:20
【问题描述】：

我正在尝试在新选项卡中打开 router.navigate(["/url"])。如果我给，target="_blank"in 链接，它会打开一个空白的新页面，没有任何数据。否则，它将在与来自服务器的数据相同的窗口中打开。我将链接以在新选项卡中实现相同的功能。如何实现？

问候， Meenakshi Jyotsna

【问题讨论】：

行不通。该应用程序必须在新选项卡中单独加载。没有将数据从一个选项卡传递到另一个选项卡的功能。浏览器选项卡就是一个新的浏览器窗口。您唯一能做的就是在新选项卡中打开您的应用，并通过 url 查询、本地存储或类似的方式传递数据

标签： angular angular2-routing

【解决方案1】：

Angular 不支持导航到新标签页，请使用 window.open 来执行此操作

window.open(url, '_blank');

【讨论】：

【解决方案2】：

我很幸运地将以下内容添加到在新标签页中打开的链接中。

li(*ngFor="let link of listOfLinks")
.test-link
  a.menu-item(
    [href]="link.href"
    rel="noopener noreferrer"
    target="_blank"
    ) {{link.name}}

rel="noopener no referrer" 以某种方式允许target="_blank 工作，不是 100% 确定如何工作，但试一试！

【讨论】：