2017-03-23 5 views
0

Ich habe einige Fragen zu angular2.Angular2 bind HTTP-Antwort auf IFrame

1) wie das submit-Ereignis auf dem Formular ausgelöst wird? 2) Wie umleiten/binden Sie die HTTP-Antwort an ein IFrame?

Ich habe eine angular2-Anwendung, die mit externen Server spricht und versucht, die Antwort html zusammen mit seinen Links (js, css) zu laden. Ich habe dies in aspx mit dem Formular Post mit einem Ziel zu Iframe getan. frage mich, wie mache ich das ähnliche in 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> 

Hier ist die Probe Plunker https://plnkr.co/edit/Z6yVvG1tBHAThCCTTpHi?p=preview

+0

die Quer Dokument Messaging eine Antwort auf Ihre Frage sein sollte, können Sie mehr darüber bei MDN lesen https://developer.mozilla.org/en-US/docs/Web/API/Window/ POST-Meldung – Vojtech

Antwort

0

ich mit der Methode action-Attribut heraus hier ist der Trick. Ich konnte nativeelement.submit von nginit() aufrufen.

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