angularjs - 向 iframe 提交表单数据的 Angular 方式

Question

我有如下的html

<form name="aForm" show="true" action="iframeUrl" target="iFrame" method="post">
  <input id="input_data" type="text" name="input_data" value="data" />
  <input id="input" type="submit" value="post">
</form>

<iframe id="iFrame" name="iFrame" src="iframeUrl" height="500" width="400" border=0>
  <p>Your browser does not support iframes.</p>
</iframe>

我已经有了要在页面加载时提交到 iframe 的数据。我想要做的是让我的 Angular Controller 在页面加载后立即将表单提交到目标 iframe。单击我创建的提交类型输入可以得到我在 iFrame 中寻找的结果，但我不希望用户必须这样做，甚至不希望用户看到表单。我已经看到了很多纯 javascript 解决方案，但它们看起来并不像真正与做事的 Angular 方式相吻合。关于最佳实践的任何建议以及如何以 Angular 执行此操作？我是该框架的新手，因此也将不胜感激。

Answer 1

我不知道这是否是一个理想的解决方案，但我发现类似的方法可行。

window.iframeLoad = function(){
            if (! _this.submitted) {
                document.getElementById('aForm').submit();
            }
            _this.submitted = true;
        };

然后制作iframe

<iframe id="iFrame" name="iFrame" src="iframeUrl" height="500" width="400" border=0 onload="iframeLoad()">
  <p>Your browser does not support iframes.</p>
</iframe>

我仍然有兴趣听听有关此解决方案或更好解决方案的其他想法。