как прочитать ссылку на открытие сайта в iframe

Question

Я работаю на веб-сайте Angular, где

Я открываю другой веб-сайт через iframe,

, как я могу прочитать URL веб-сайта, работающего в iframe ..?

Я помещаю свой код

.html файл

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

, когда я искал, как я могу прочитать URL-адрес открытия веб-сайта в iframe в Angular.

Я получил следующее предложение в javascript Как узнать текущее местоположение 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

, но на самом деле он не работает в Angular

Answer 1

Через ViewChild вы можете получить доступ к элементу iframe и прочитать исходный код.

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);
  }
}

Ваш HTML:

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

Для демонстрации проверьте это this stackblitz

Answer 2

Вы можете использовать ViewChild, как предложено в iframe внутри компонента angular2, свойство 'contentWindow' не существует для типа 'HTMLElement'