如何订阅Angular 7中Iframe的src更改

npm install rxjs

import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { Observable, fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';

@Component({
  selector: 'app-your-component',
  template: `
    <iframe #myIframe></iframe>
  `
})
export class YourComponent implements OnInit {
  @ViewChild('myIframe') iframe: ElementRef;

  ngOnInit() {
    const iframeSrcChanges$ = fromEvent(this.iframe.nativeElement, 'load')
      .pipe(
        map(() => this.iframe.nativeElement.src)
      );

    iframeSrcChanges$.subscribe(src => {
      console.log('Iframe src changed:', src);
      // 在这里可以执行你想要的操作
    });
  }
}