2017-08-08 1 views
0
einreichen

i Form bin mit unten einreichen:ionic3 Form feuern die Funktion, wenn

<form [formGroup]="forgetpwdForm" (submit)="doForgetPwdRequest()"> 
    <ion-item style="border:1px solid #CCCCCC; border-radius:0px;"> 
     <ion-input [(ngModel)]="forgetpwdData.email" name="email" type="text" formControlName="email" placeholder="{{ 'Forgetpassword.email' | translate }}"></ion-input> 
    </ion-item> 
    <button ion-button block style="border-radius:0px; background-color:#17B97E;" type="submit" [disabled]="!forgetpwdForm.valid"> 
     {{ 'Forgetpassword.submit' | translate }} 
    </button>  
    </form> 

Und ich feststellen, dass es doForgetPwdRequest() zweimal ausgelöst, wenn das Formular abschicken, jemand Idee?

app.module.ts Schopf aus dem Sumpf:

bootstrap: [IonicApp], 
entryComponents: [ 
    MyApp, 
    LandPage, 
    forgetpwdPage 
], 
+0

Können Sie auch den 'ts' Dateicode anzeigen? – Sampath

Antwort

0

In Ihrem main.ts Sie setzen müssen:

import {disableDeprecatedForms, provideForms} from '@angular/forms'; 

bootstrap(AppComponent, [disableDeprecatedForms(), provideForms()]); 

diesen Link für Referenz. ngSubmit fires twice when submit button clicked

+0

hi, du meinst app.module.ts? Wie setzt man den Bootstrap? oben habe ich den Bootstrap Teil bei app.module.ts, Entschuldigung, ich bin neu hier. – Nulra

+0

Nein, in Ihrem Projekt gibt es eine Datei namens 'main.ts'. – hrdkisback

+0

ic, danke, aber nachdem ich es eingefügt habe und Fehler unten: Modul '"/ Benutzer/nulra/Downloads/test/node_modules/@ eckig/Formulare/Formulare"' hat kein exportierten Mitglied 'disableDeprecatedForms'. – Nulra

Verwandte Themen