ng-submit-Ereignis wird zweimal in der Angular 2

Question

aufgerufen Die Methode wird zweimal aufgerufen Wenn das ng-Submit-Ereignis in Angular auftritt 2. Wie mache ich eine Call-Methode nur einmal? Warum ruft Methode zweimal im Winkel 2 auf?

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

Wahrscheinlich ein anderes Duplikat dieser:

Angular 2 Form Getting Duplicated?

Vergewissern Sie sich, Bootstrapping Ihre App wie folgt aus:

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

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

Answer 2

Aktualisierung der Lösung als disableDepricatedForms und provideForms sind veraltet per zur eckigen Version 2.0.0.rc6.

Formen: veraltet provideForms() und disableDeprecatedForms() Funktionen wurden entfernt. Bitte importieren Sie stattdessen das FormsModule oder das ReactiveFormsModule von @ angular/forms.

siehe: https://github.com/angular/angular/compare/2.0.0-rc.5...2.0.0-rc.6