如何在Angular 8中完全加载iframe内容后进行函数调用

<iframe id="myIframe" src="https://example.com"></iframe>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements AfterViewInit {
  @ViewChild('myIframe', { static: false }) myIframe: ElementRef;

  ngAfterViewInit() {
    // 在这里进行函数调用
    this.callFunctionInIframe();
  }

  callFunctionInIframe() {
    // 获取iframe元素的引用
    const iframe = this.myIframe.nativeElement;

    // 确保iframe已经完全加载完成
    iframe.onload = () => {
      // 在这里调用iframe中的函数
      iframe.contentWindow.myFunction();
    };
  }
}