Angular2将http响应绑定到IFrame

时间:2017-03-23 21:35:27

标签: angular http post iframe

我对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

1 个答案:

答案 0 :(得分:0)

我用方法找出了action属性。我能够从nginit()调用nativeelement.submit。

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