Событие ng-submit вызывается дважды в Angular 2

Question

Метод вызывается дважды Когда событие ng-submit встречается в Angular 2. Как сделать метод вызова только один раз? Почему метод вызывает дважды в угловом 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

Обновление решения, как disableDepricatedForms и provideForms являются устаревшими в соответствии с к угловой версии 2.0.0.rc6.

формы: устаревшие provideForms() и disableDeprecatedForms() функции были удалены. Пожалуйста, импортируйте FormsModule или ReactiveFormsModule из @ angular/forms.

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