iframe events when finish load it run twice when first access the iframe's page and when finish loading, with angular2+ ,

Question

How can I detect an iframe finish event in angular4 mainly (angular 2+) ? I just have normal iframe like this:

<iframe [src]="..." onLoad=""></iframe>

i faced a problem that when i enter the page that include the iframe the onlaod function run directly (the src is not availbale) and it runs again when the src become available .

Possible duplicate of Detecting when Iframe content has loaded (Cross browser) — Travis Heeter
– Travis Heeter, Commented Oct 1, 2018 at 13:41

Joe Sleiman · Accepted Answer · 2018-10-01 13:47:32Z

2

i make a condition on onload if(this.src) because i faced problem when i access the page that have the iframe onload run directly when src not available, and re run again when iframe loaded when src is available. I removed the loader when iframe is fully loaded . so this is my solution:

<ion-spinner id="loader"  color="primary"></ion-spinner>
<iframe [src]="url"
        onload="if(this.src) document.getElementById('loader').style.display = 'none'"></iframe>

thank you. hope it help someone

answered Oct 1, 2018 at 13:47

Joe Sleiman

2,5065 gold badges27 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

iframe events when finish load it run twice when first access the iframe's page and when finish loading, with angular2+ ,

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related