Integrating iframes with AngularJS

[John Seaman]

Hello,

I am implementing AngularJS on on top of the .NET framework and have several functions that require postbacks.  I have created a separate application page for each function and plan on using iframe modals to host these pages.

What I want to do is return data from the iframe to the current controller (e.g the name of the file that was just uploaded).

http://plnkr.co/edit/Osa5MNKiJKzsi7wAUXgM

This is what I have come up with so far.  I don't like this method because it requires me to have a global function.  Has anyone else done something similar?

Thanks,

John

[LarryK]

Hi John,

I'm starting to investigate the same issue of integrating an iframe-oriented outside service with an Angular app.

Have you done any further work on this? Any tips (or code) to share?

Thanks,

Larry

[John Seaman]

Larry,

I expanded upon what I had in the original post a bit by adding a service to facilitate communication between the calling scope and the iframe directive.

http://plnkr.co/edit/EKMeDrp22zO8GUEshOeo

[Ryan Stellar]

This might be helpful:

http://stackoverflow.com/questions/18354636/angular-src-attribute-bug-in-iframe-directive

[Shawn Shaw]

Plunker of Iframe use with Google Maps

http://plnkr.co/edit/xt3XFQVVy2y12Opzia5g?p=preview