在角度 2 中为给定 url 打开一个新标签

【问题标题】：Opening a new tab for given url in angular 2在角度 2 中为给定 url 打开一个新标签
【发布时间】：2020-01-09 22:20:44
【问题描述】：

我正在研究一个角度组件。该组件显示项目列表。项目包含基本信息，如日期、文本等和 url。单击文本时，我需要打开一个带有 url 的新标签。

我正在使用这个：

window.open(url);

但我面临问题。假设当前 url 是 www.myapplication.com，而 url 是 www.google.com。在当前实施中，新标签页确实打开了，但浏览器 URL 不是 www.google.com，而是 www.myapplication.com/www.google.com。

如何让它工作，即使用 www.google.com 打开新标签？

【问题讨论】：

标签： angular

【解决方案1】：

解决方案 1：

在绝对链接前使用 http 或 https。否则它会认为是一个相对链接。所以，你必须使用http或https：

window.open(this.url);

解决方案 2

只需使用<a> 标记并使用目标属性和链接链接。并根据需要设置<a> 标签的样式。

<a target="_blank" [href]="link">Google</a>

两者的工作解决方案：Stackblitz

【讨论】：

【解决方案2】：

你只需要输入http:/，就是指定一个url是absolte的方式。

这不是角度问题，只是 javascript

window.open("http://www.google.com");

【讨论】：