Angular2 ngNoForm und auch eckige form-Validierung

Ich habe ein legacy-back-End-server, die Prozesse der Formular-Daten als Anfrage-Parameter.
Wir setzen angular2 auf dem front-end. Ich möchte zum senden der angular2 form, so dass alle Felder gehen, als Anfrage-Parameter so, dass die legacy-backend nicht verändert werden.
Dazu habe ich noch :

<form  ngNoForm action="http://localhost/config/api/v1/angular/submit" target="_blank" method="POST">

Aber ich auch wollen, verwenden Sie die angular2 Formular-Validierung auf die Schaltfläche "submit":

<form #f="ngForm" ngNoForm action="http://localhost/config/api/v1/angular/submit" target="_blank" method="POST">
 <button type="submit" [disabled]="!f.form.valid" class="small round">Submit</button>

Allerdings funktioniert dies nicht - angular2 beschwert sich darüber, dass #f="ngForm" wenn ngNoForm deklariert ist.

Gibt es eine Möglichkeit, das tun zu können, angular2 form Validierungen als üblich, und auch senden Sie das Formular als reguläre Anfrage-Parameter?

  • Ich bin mit ReactiveForms zusammen mit einem AJAX-request, dies zu erreichen. Ich habe keine Erfahrung mit der Verwendung ngNoForm. Ich füge meine Anfrage-Parameter in ein array von Zeichenfolgen, sich Ihnen anzuschließen, wie arr.join('&') und encode es mit encodeURI(body). Es gibt auf jeden Fall mehr als diese, aber das ist der Kern der Organisation der Formular-Daten. In Ihrem TS. Wenn dies ist etwas, das möglich ist, für Sie zu tun, mit Ihren legacy-app, kann ich der post eine detaillierte Antwort.
  • Leider, da die ganze form ist Metadaten-getrieben, die ich nicht haben eine Vorstellung davon, welche Felder auf der Seite. Ich denke, ich könnte herausfinden, welche Felder auf der Seite mit javascript, und implementieren Sie dann die Lösung, die Sie erwähnt. Danke.
InformationsquelleAutor vanval | 2016-09-29
  1. 5

    Kraft senden mit reinem JS, dieser arbeitete für mich:

    <form ngNoForm [formGroup]="myForm" action="http://test.local/process_post.php" target="_blank" method="POST">
    <input formControlName="alpha" name="alpha"/>
    <input formControlName="beta" name="beta"/>
    <button type="submit" [disabled]="!myForm.valid" onclick="submit()">SEND</button>
</form>
    • Ich don ' T wollen, verwenden Sie die formGroup, ich.e ich will [ngModel] Art der Bindung, da meine form ist sehr dynamisch, basierend auf Daten, die vom server gesendet, und nur über Vorlagen Formulare ich.e mit ngModel funktioniert gut für uns.
    • ist es möglich, verwenden Sie eine Schaltfläche, die außerhalb des form-tags zu senden mit ngNoForm
    InformationsquelleAutor Pierre Boissinot
Schreibe einen Kommentar