Blank page on running AngularJS Application in iFrame in IE8

Question

I'm trying to run an AngularJS Application in an iFrame in IE8. I get a blank page.
Observed Behavior:
1. Works fine in normal browser window of IE8.
2. Works fine in iFrame of Chrome and FireFox.
3. Works fine if I right click and refresh the iFrame.
4. HTML is fully loaded (Checked in view source). The AngularJS controller is not triggered. None of the alerts and console.logs are displayed.
5. No JS errors are thrown

How do I enable trigger of AngularJS controller, can I manually trigger it on window.onload ? Any insights and suggestions would help. Unfortunately I have to run the application inside an iframe in IE8 ? Upgrading the browser or choosing different browser is not an option.
Thanks!
SKR

What Angular version you're using? https://docs.angularjs.org/guide/ie — Ivan Chernykh, Nov 04 '14 at 12:54
I recently had the same issue with a html page in an iframe in ext.net... the only way I was able to get around it was make new window, if ie8. I hope someone can find an issue! — starvator, Nov 04 '14 at 12:56

score 1 · Accepted Answer · edited May 23 '17 at 12:09

1

Finally arrived at a solution. As I had mentioned in the issue description, the page works fine on refresh. So the solution is to refresh the page on load.
I used the One time page refresh solution mentioned for the problem, in particular solution given by Cokegod.
There is no perceptible difference in loading time. The best part is it works in IE8!

edited May 23 '17 at 12:09

Community

1
1

answered Nov 17 '14 at 11:07

SKR

779
4
17
31

Also works for ifame in IE11 with main document page set to IE8 Enterprise Mode – Dave Frautnick Nov 11 '15 at 18:12

Blank page on running AngularJS Application in iFrame in IE8

1 Answers1