如何从iframe调用函数

Question

我已经在iframe中放置了一个角度应用程序，我想调用他的函数。

<iframe #iframe frameborder="0" src="http://localhost:4200/edit/username"></iframe>

http://localhost:4200/edit/username此链接是页面编辑器的组成部分

export class PageEditorComponent implements OnInit...{
 @Input() eventMessage = { message: ''};

 handleEvent(eventMessage: { message: string; page: string }) {
    // if there are any possibility to put somethings in eventMessage 
    if (eventMessage.message.includes('tablette')) {
      this.loadIframe('tablette');
    }

  }
}

我的目的是从iframe调用PageEditorComponent的任何功能

Answer 1

查看此问题的另一种方法是使用Window.postMessage（）API从iframe内部与外部进行通信。而且您的角度代码将不得不查找消息/事件。它将更像是用于双方之间通信的消息总线。