angular4 iframe doesn't display the src link page

Question

Template:

<iframe  width="100%" height="100%"  [src]="url"></iframe>

Component :

I have already transform the url to a safeUrl:

ngOnInit() {
  this.url = this.sanitizer.bypassSecurityTrustResourceUrl('https://www.google.com/');
}

But the page still doesn't show anything，refer to inspect: empty content of the src link

Does anybody know why?

Vivek Doshi · Accepted Answer · 2017-11-09T06:25:36.290

1

Your code is 100% fine

The issue is with https://www.google.com/, this url

For more detail, please read :

google homepage will not load in an iframe

Here is the working example of it :

edited Nov 09 '17 at 06:25

answered Nov 09 '17 at 06:06

Vivek Doshi

Google sets 'X-Frame-Options' to 'sameorigin'. Is there any web that doesn't set this option? I just want to try the iframe function. – Dante Jiang Nov 09 '17 at 06:22
@DanteJiang, try this one , https://www.youtube.com/embed/cChkPnpN15c , also used in exmaple – Vivek Doshi Nov 09 '17 at 06:27
@DanteJiang, will you please also upvote the answer? – Vivek Doshi Nov 09 '17 at 10:55

1 Answers1