【问题标题】:ionic3 form fire the function twice when submitionic3表单在提交时会触发两次功能
【发布时间】:2018-01-15 14:24:53
【问题描述】:

我正在使用下面的表单提交:

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

【问题讨论】:

  • 你能也显示ts文件的代码吗?

标签: angular typescript ionic3


【解决方案1】:

在您的main.ts 中您必须设置:

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

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

请参阅此链接以供参考。 ngSubmit fires twice when submit button clicked

【讨论】:

  • 嗨,你的意思是app.module.ts?如何设置引导程序?上面我已经将引导部分放在 app.module.ts 中,抱歉我是新手。
  • 不,在你的项目中有一个名为main.ts的文件。
  • ic,谢谢,但是在我把它放进去之后出现以下错误:模块'“/Users/nulra/Downloads/test/node_modules/@angular/forms/forms”'没有导出成员' disableDeprecatedForms'。
猜你喜欢
  • 2013-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多