如何使用angular检查iframe中的内容是否完全加载，以及src url是否关闭(404/不可用)？

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

@Component({
  selector: 'app-your-component',
  template: `
    <iframe #myIframe [src]="iframeSrc"></iframe>
  `
})
export class YourComponent {
  @ViewChild('myIframe', { static: true }) iframe: ElementRef;
  iframeSrc = 'https://example.com';
}

ngAfterViewInit() {
  const iframeWindow = this.iframe.nativeElement.contentWindow;
  iframeWindow.addEventListener('load', this.handleIframeLoad.bind(this));
}

handleIframeLoad() {
  const iframeDocument = this.iframe.nativeElement.contentDocument || this.iframe.nativeElement.contentWindow.document;
  if (iframeDocument.readyState === 'complete') {
    console.log('Iframe content is fully loaded');
    // 执行其他操作
  }
}

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

handleIframeLoad() {
  // 其他代码...

  const iframeSrcUrl = this.iframe.nativeElement.src;
  this.http.get(iframeSrcUrl).subscribe(
    () => {
      console.log('Iframe src URL is accessible');
      // 执行其他操作
    },
    (error) => {
      if (error.status === 404) {
        console.log('Iframe src URL is closed (404)');
      } else {
        console.log('Iframe src URL is not accessible');
      }
    }
  );
}