如何在angular4中使用iframe?

时间:2018-04-10 20:38:03

标签: javascript html angular typescript iframe

我在angular2 v4应用程序中得到了这个:

<iframe src="https://www.w3schools.com" style="width: 100%; height: 500px"></iframe>

但它不起作用。我怎样才能做到这一点?我尝试使用| safe,但它也不起作用。请帮忙

1 个答案:

答案 0 :(得分:2)

如果您要查看控制台,您可能会看到以下消息:

*.manager.numVehicles = 4000

Refused to display 'https://www.w3schools.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'. 标题允许网站阻止具有不同来源(域)的网站在X-Frame-Options内使用它们。这基本上意味着只有<iframe/>上托管的网页才能在www.w3schools.com来源中使用该网址。 You can read more about it here

你的代码(你忽略了这么多分享)很可能在语法上很好。您可以为<iframe/>尝试其他网址。