CODEWITHSUNDEEP
angulariframe
Testing Anurag
Testing Anurag

Reputation: 643

how can I read the url to website opening in iframe

I am working on Angular website , where

I am opening an another website through iframe ,

how can I read the url of the website opeaning in iframe ..?

I am putting my code

.html file 

<iframe src="https://www.zaubacorp.com/">
  <p>Your browser does not support iframes.</p>
</iframe>

when I searched how can I read the url to website opening in iframe in Angular .

I got following suggestion in javascript How do I get the current location of an iframe?

alert(document.getElementById("myiframe").src);
document.getElementById("myiframe").src = 'http://www.google.com/';
alert(document.getElementById("myiframe").documentWindow.location.href);
Error: Permission denied to get property Location.href

but actually it is not working in Angular

Upvotes: 1

Views: 2304

Answers (2)

yougeen
yougeen

Reputation: 168

Via ViewChild you can access the iframe element and read the src.

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'hello',
  templateUrl: 'hello.component.html',
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @ViewChild('iframe') iframe: ElementRef;

  ngAfterViewInit() {
    console.log(this.iframe.nativeElement.src);
  }
}

Your HTML:

<iframe #iframe src="https://www.zaubacorp.com/">
  <p>Your browser does not support iframes.</p>
</iframe>

For demo check this this stackblitz

Upvotes: 1

DrFreeze
DrFreeze

Reputation: 137

You can use ViewChild as suggested in iframe inside angular2 component, Property 'contentWindow' does not exist on type 'HTMLElement'

Upvotes: 0

Related Questions