javascript - 表单提交上的 Angular 2 错误 TypeError : _co. onSubmit 不是函数

Question

我正在使用 Angular 2 应用程序。在表单提交时我收到此错误:

TypeError: _co.onSubmit is not a function

这是完整错误的屏幕截图:

我的表格:

<form [formGroup]="userForm" (ngSubmit)="onSubmit()" >
<button class="btn btn-success" type="submit">Create User</button>

我的userComponent.ts:

onSubmit(){
    console.log('clicked');
}

Answer 1

我也有同样的错误，当事件中调用的方法名称与模板声明和类内部不匹配时，就会发生此错误 就我而言，模板是

<form class="container" #userRegistrationForm="ngForm" (ngSubmit)="OnSubmit(userRegistrationForm)">

和我的 component.ts 文件

       onSubmit(form:NgForm){
     this.userService.registerUser(form.value)
     .subscribe((data:any)=>{
       if(data.Succeeded==true)
       this.resetForm(form);
     });
   }

在我的 component.ts 文件中将 onSubmit 更改为 OnSubmit 后

我能够解决此错误