ng-submit事件在Angular 2中調用兩次

當Angular 2中發生ng-submit事件時，該方法被調用兩次。如何僅調用一次調用方法？爲什麼方法在角度2中調用兩次？ng-submit事件在Angular 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'); 
    } 
}

來源

2016-08-09 user3736174

我不能用'2.0.0-rc.4重現的問題[plunkr這裏（http://plnkr.co/edit/oUYE87aBwP7m52CJ6e4e?p=preview）它是一個很好的' –

。謝謝。 – user3736174

你是什麼意思？你可以請在plunkr中重現問題嗎？ –

也許這樣做的另一個副本：

Angular 2 Form Getting Duplicated?

確保您這樣引導您的應用程序是這樣的：

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

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

來源

2016-08-09 05:44:22

。謝謝。 – user3736174

更新解決方案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

來源

2017-01-06 16:49:58

ng-submit事件在Angular 2中調用兩次

回答

相關問題