2017-08-08 33 views
0

當我使用以下表格提交:ionic3火源的作用兩次提交

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

而且我發現,它發射doForgetPwdRequest()提交表單時的兩倍,人有想法?

app.module.ts白手起家:

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

你可以顯示'ts'文件的代碼嗎? – Sampath

回答

0

在你main.ts你必須設置:

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

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

請參閱此鏈接以供參考。 ngSubmit fires twice when submit button clicked

+0

嗨,你的意思是app.module.ts?如何設置bootstrap?上面我已經把引導部分放在app.module.ts,對不起,我是新手。 – Nulra

+0

不,您的項目中有一個名爲'main.ts'的文件。 – hrdkisback

+0

集成電路,謝謝,但後我把它並有以下錯誤: 模塊'「/用戶/ NULRA /下載/測試/節點模塊/ @角/形式/形式」'沒有導出成員'disableDeprecatedForms'。 – Nulra