Angular2将http响应绑定到IFrame

Question

我有几个关于 angular2 的问题。

1) 如何在表单上触发提交事件？ 2) 如何将 http 响应重定向/绑定到 IFrame？

我有一个 angular2 应用程序，它与外部服务器通信并尝试加载响应 html 及其链接（js、css）。我已经在 aspx 中使用带有 iframe 目标的表单发布来完成此操作。想知道我如何在 Angular2 中做类似的事情？

<iframe #frame class="embed-responsive-item"
    width="100%" id="frame" name="frame" frameborder="0" 
    scrolling="no" ></iframe>

<form #form target="frame" (ngSubmit)="submitForm($event)"  >
 <input type="hidden" name="token" value={{token}}/>
 <button type="submit" >Submit the form</button>
</form>

这是示例 plunker https://plnkr.co/edit/Z6yVvG1tBHAThCCTTpHi?p=preview

Answer 1

我发现带有方法的动作属性在这里可以解决问题。我能够从 nginit() 调用 nativeelement.submit。

<form target="frame" action="http://www.website.com/postdata/" #form method="POST" hidden="hidden">
<input name="token" value={{token}}> 
</form>