I got this in my angular2 v4 app:
<iframe src="https://www.w3schools.com" style="width: 100%; height: 500px"></iframe>
but it doesn't work. How can I make this work? I tried using | safe but it does not work either. Please help
-
Please do not attempt to learn from w3schools.comAluan Haddad– Aluan Haddad2018-04-10 20:56:00 +00:00Commented Apr 10, 2018 at 20:56
-
@AluanHaddad why?Steve– Steve2018-05-31 16:57:35 +00:00Commented May 31, 2018 at 16:57
-
@Steve because it provides incorrect information and promotes exceptionally bad practices to this day.Aluan Haddad– Aluan Haddad2018-06-16 13:16:27 +00:00Commented Jun 16, 2018 at 13:16
Add a comment
|
1 Answer
If you were to look in your console, you'd probably see this message:
Refused to display 'https://www.w3schools.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
The X-Frame-Options header allows websites to prevent sites with differing origins (domains) from using them within an <iframe/>. This basically means that only pages hosted on www.w3schools.com can use that url in an <iframe/> source. You can read more about it here.
You code (which you neglected so share much of) is most likely okay syntactically. You can try another url for your <iframe/>.
