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

Posted

技术标签:

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

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

问候, Meenakshi Jyotsna

【问题讨论】:

行不通。该应用程序必须在新选项卡中单独加载。没有将数据从一个选项卡传递到另一个选项卡的功能。浏览器选项卡就是一个新的浏览器窗口。您唯一能做的就是在新选项卡中打开您的应用,并通过 url 查询、本地存储或类似的方式传递数据 【参考方案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% 确定如何工作,但试一试!

【讨论】:

以上是关于如何在角度 2 的新选项卡中打开路由 url?的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式在反应路由器的新选项卡中打开链接

如何在 HTML 的新选项卡中打开链接?

如何在 NextJS 的新选项卡中打开链接?

在带有两个控制器的角度材质的新选项卡中打开一个新的html

如何在 Visual Studio Code 的新选项卡中打开文件

尝试访问重新加载或刷新或在角度 5 的新选项卡中访问时收到 AccessDenied