Get content window in angularJS

Question

I am trying to get a content window of an iframe.

In JQuery I have been doing this:

$('#loginframe')[0].contentWindow

However, I am unable to use JQuery in angular so trying to do this in a native way without much success:

  var iframe = document.getElementById('loginframe');
  var insideDoc = (iframe.contentWindow || iframe.contentDocument);

What is the correct way to do this?

Thanks!

Does the iframe need to be indexed too i.e. iframe[0]? Hard to tell without seeing the output of iframe or the page. — nico
– nico, Commented Mar 2, 2017 at 19:05
document.getElementById('loginframe').contentWindow should work. Whenever you ask a question, please explain what the problem was and any error messages. See stackoverflow.com/questions/19693984/… — Ruan Mendes
– Ruan Mendes, Commented Mar 2, 2017 at 19:09
Are you doing this in AngularJS (1.x) or Angular (2+)? You've tagged the question with both versions, which makes it difficult to answer. — Heretic Monkey
– Heretic Monkey, Commented Mar 2, 2017 at 19:12
@MikeMcCaughan Except that in either case, you're going against the flow, hopefully for some very good reason, and it's really not an angular question at all, just vanilla JS. — Ruan Mendes
– Ruan Mendes, Commented Mar 2, 2017 at 19:13
@JuanMendes I'm not making any judgements about the question's contents, just the fact that it has both tags. If the OP would like to remove both because it has nothing to do with Angular or AngularJS, that would resolve the problem as well :). — Heretic Monkey
– Heretic Monkey, Commented Mar 2, 2017 at 19:16

sheppe · Accepted Answer · 2017-03-02 19:08:47Z

0

angular.element('#loginframe')[0].contentWindow

Angular uses a stripped down version of jQuery, and angular.element is an alias for the jQuery function.

answered Mar 2, 2017 at 19:08

sheppe

7185 silver badges12 bronze badges

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

1 Comment

Ah, I missed that tag.