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

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表格重复吗？

确保您正在像这样引导应用程序：

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

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

Answer 2

更新所述溶液作为disableDepricatedForms和provideForms被弃用每对角版本2.0.0.rc6。

形式：不推荐使用的ProvideForms（）和disableDeprecatedForms（）函数已被删除。 请改为从@ angular / forms导入FormsModule或ReactiveFormsModule。

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