Load on a IFrame, using angular 2+

Question

I need to put a loader every time my iframe navigate for another url. I think it may be possible, with a logic like:

onLoad(Iframe: ElementRef) {
  this.Hide();
}

onNavigate(Iframe: ElementRef) { // this event does not exist
  this.show();
}

Do anyone has a idea of how to make it?

you mean this:stackoverflow.com/questions/33520043/…

לבני מלכה
– לבני מלכה

2018-08-20 11:51:32 +00:00
Commented Aug 20, 2018 at 11:51 — לבני מלכה
– לבני מלכה, Commented Aug 20, 2018 at 11:51

Oleksandr Martyniuk · Accepted Answer · 2018-08-20 13:20:04Z

1

Here's a similar thread

There're no navigation events on iframes, you can only get initial load on src property change. So if there is a SPA running in iframe, you will need to retreive it manually:

I would suggest you to use ngAfterViewCheck and retreive location like this

this.iframeLocation = iframeRef.nativeElement.contentWindow.location.href;

Main problem: browser will not allow you to get location if iframe is cross-origin.

edited Aug 20, 2018 at 13:20

answered Aug 20, 2018 at 12:42

Oleksandr Martyniuk

4482 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

Load on a IFrame, using angular 2+

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