Question

在Angular 2中发生ng-submit事件时，方法被调用两次。如何只调用一次调用方法？为什么方法在角度2中调用两次？

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'app-form-ngform',
  template: `
    <form (ngSubmit)="onSubmit()">
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
`
})
export class FormNgformComponent {
  onSubmit() {
    alert('test');  
   }
}

Answer 1

可能是另一个副本：

Angular 2 Form Getting Duplicated?

确保您按照以下方式引导您的应用：

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

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

Answer 2

根据角度版本2.0.0.rc6，不推荐将解决方案更新为disableDepricatedForms和provideForms。

表单：不推荐使用的provideForms（）和disableDeprecatedForms（）功能已被删除。请导入FormsModule或来自@ angular / forms的ReactiveFormsModule。

请参阅：https://github.com/angular/angular/compare/2.0.0-rc.5...2.0.0-rc.6

在Angular 2中调用两次ng-submit事件

2 个答案: