Question

我在我的angular 4应用程序中提供了指向外部网址的链接。我需要在没有地址栏的弹出窗口中打开网站。

Answer 1

查看Mozilla文档 https://developer.mozilla.org/en-US/docs/Web/API/Window/open

在Internet Explorer中，如果新URL与当前URL来自同一域，则将打开该窗口而没有地址栏。否则，将导致出现地址栏。一种解决方法是打开来自同一域的页面，然后从该页面重定向。

window.open('https://yourSite.com', 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350');

Answer 2

您可以这样使用

<a [href]="www.yourlink.com" target="_blank">

Answer 3

通常，应避免在弹出窗口中打开链接，因为这不是最佳的用户体验做法，但是，您可以按如下所示使用良好的旧<a>标签并通过放置{{1 }}属性设置为target即可实现所需的功能。

popup

here中，您可以找到更多可以设置为向弹出窗口添加更多行为的属性。也就是说，如果您不希望用户调整窗口大小，可以设置

<a href="https://google.com" 
  target="popup" 
  onclick="window.open('https://google.com','popup','width=200,height=200,'); return false;">
    Pop Up
</a>

（在Chrome *上不起作用）。附言请检查其他浏览器的支持以获取所需的选项。

Answer 4

您可以使用引导模式弹出窗口和iframe来呈现您的网站。

<iframe [src]="yourURL" width="700" height="800" ></iframe>

单击角度4时在弹出窗口中打开一个外部URL

4 个答案: