从 <iframe> or <object>中获取变量的值

Question

在我的全局html模板中，我嵌入了一个 iframe，它可以实时pive-preview {{src}}（例如， src可以是 public/tmp/bDCZ5rynnpLaYNEuAAAj/index.html）。

<iframe id="myiframe" ng-src="{{src}}"></iframe>

index.html是我的服务器编写的文件；我可以控制代码，可以对其进行修改。index.html包含JavaScript代码，它的设计使其始终具有内部变量$output。

我的问题是，如何从iframe中获取$output的值并让全局HTML页面知道值。

有人知道如何完成此操作吗？

编辑1：我也向index.html可以将值发送到服务器或创建具有该值的文件的解决方案，只要全局模板以后可以将其发送。此外，正如我在评论中提到的那样，iframe的目的是实时查看文件夹，还有其他方法可以这样做（例如，使用<object>），有人知道哪种方法可以让我获得内部值？

编辑2：我用iframe和一个带有对象的plunker制作了一个plunker。$output由indexoutput.html中的<script>var $output="Default"</script>定义。我的目标是将这个价值淘汰。

编辑3：我刚刚意识到@Roy在他的答案中建议的window.parent._resetter。但是有一件事是，必须在HTML页面的脚本中定义_resetter功能。有人知道如何将此值传递给我的控制器吗？这是一个带有$ window的plunker。

Answer 1

您可以在root和iframe之间与从iframe调用的 window.parent.someFunction之间交流。您必须在root中创建一个函数，以将参数和重新设置为自身。

function _resetter(param){
  var paramRoot = param;
}

并从iframe传递param ouput

来调用此功能

window.parent._resetter(param);

请参阅https://stackoverflow.com/a/2161402/7349445