在角度2中为给定的URL打开一个新选项卡

时间:2019-09-07 08:53:54

标签: angular

我正在研究角度组件。该组件显示项目列表。项目包含基本信息,例如日期,文本等以及网址。点击文本时,我需要使用网址打开一个新标签。

我正在使用这个:

window.open(url);

但是我面临问题。假设当前网址为www.myapplication.com,而网址为www.google.com。 在当前实施的情况下,确实会打开新标签页,但浏览器网址不是www.google.com,而是www.myapplication.com/www.google.com。

如何使其正常运行,即通过www.google.com打开新标签页?

2 个答案:

答案 0 :(得分:1)

您只需要输入http:/即可,它是指定url绝对值的方式。

这与角度无关,只是javascript

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

答案 1 :(得分:1)

解决方案1:

在绝对链接之前使用http或https。否则它将被视为相对链接。因此,您必须使用http或https:

window.open(this.url);

解决方案2

只需使用<a>标记,并使用target属性和href链接即可。和样式<a>标签。

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

两者的有效解决方案:Stackblitz